【react】---react項目中如何使用iconfont
轉載 ：
https://www.cnblogs.com/nanianqiming/p/11273603.html Alley巷子
注意：
頁面上不能顯示字體圖片了，而是直接顯示字體編碼
原因是字體編碼后面四位是Unicode編碼，想使用字符串來傳遞的話,只要將 "" 改為 “\ue655” 即可
一、路由配置
export const TabBarRouter = [
{
path:"/home",
icon:"\ue628",
name:"首頁",
meta:{
flag:true
},
component:Home
},
{
path:"/find",
icon:"\ue663",
name:"發現",
meta:{
flag:true
},
component:Find
},
{
path:"/order",
name:"訂單",
icon:"\ue737",
meta:{
flag:true
},
component:Order
},
{
path:"/mine",
name:"我的",
icon:"\ue617",
meta:{
flag:true
},
component:Mine
}
]
二、Tabbar遍歷
<ul>
{
TabBarRouter.map((item,index) => (
<li key={index}>
<NavLink to={item.path}>
<i className="iconfont">{item.icon}</i>
<span>{item.name}</span>
</NavLink>
</li>
))
}
</ul>