react中iconfont如何使用

时间：2020-05-11 23:11:26 收藏：0 阅读：69

一、配置

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>
       ))
}

原文：https://www.cnblogs.com/learninginto/p/12872738.html