选择使用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>
)
})