react中iconfont如何使用

一、配置

this.state={
  tabs:[
   {
        path:"/home",
        icon:"\ue628",
        name:"首页",
    },
    {
        path:"/find",
        icon:"\ue663",
        name:"发现",
    },
    {
        path:"/order",
        name:"订单",
        icon:"\ue737",
    },
    {
        path:"/mine",
        name:"我的",
        icon:"\ue617",
    }  

 ]
}

二、tabbar遍历

{
      this.state.tabs.map((item,index) => (
          <li key={index}>
             <NavLink to={item.path}>
                  <i className="iconfont">{item.icon}</i>
                  <span>{item.name}</span>
             </NavLink>
          </li>
       ))
}

 

posted @ 2020-05-11 22:34  king-xin  阅读(469)  评论(0)    收藏  举报