選擇使用Unicode
時:
- 正常使用如下,顯示也是正常:
<i className="iconfont"></i>
- 使用map去循環時,需將原本的

,改成\ue600
具體原因:查看網上的其他博主,沒看到合理的解釋,目前理解成,需要轉義
let otherStyle=[{
icon:'\ue7e5',
name:'微信'
},{
icon:'\ue666',
name:'QQ'
},{
icon:'\ue62a',
name:'新浪微博'
},{
icon:'\ue600',
name:'網易郵箱'
}]
let otherLoginStyle=otherStyle.map((item,index)=>{
return(
<div onClick={()=>this.otherLoginStyle()} key={index}>
<div className="login-border">
<i className="iconfont login-icon1">{item.icon}</i>
</div>
<div>{item.name}</div>
</div>
)
})