首页 > 其他 > 详细

react中iconfont如何使用

时间:2020-05-11 23:11:26      阅读:67      评论:0      收藏:0      [点我收藏+]

一、配置

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

 

react中iconfont如何使用

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!