今天业务需要,将很多fontface图标以Unicode的形式存到了Json对象里,自然而然的就存成了字符串。
const iconList =[{
key:'host',
icon:''
},{
key:'windows',
icon:''
}]
需要在页面中将图标循环出来显示
//...省略其他代码...
iconList.map((item, index)=>{
return (<i key={index} className='iconfont'>{item.icon}</i>)
})
//...省略其他代码...
页面并没有如期显示成iconfont的小图标,而是将原码显示了出来
iconfont.png
解决方法:
//...省略其他代码...
iconList.map((item, index)=>{
return (<i key={index} className='iconfont'
dangerouslySetInnerHTML={{__html:item.icon}}></i>)
})
//...省略其他代码...
结果如下图所示
iconfont.png
以此备份,以防某日需要~
网友评论