iconfont无法正常显示,html为何解析不了&#开头的编码?

我用react开发的时候,想从父组件传iconfont的值给子组件,结果发现

<div>{this.props.icon}</div>

可以正常显示icon

<div> {this.props.menus[0].icon}</div>

却无法显示icon,只能显示,这一串编码,这时为什么,就是什么导致浏览器识别不了开头的编码

clipboard.png

阅读 6.9k
4 个回答

原来原因是reactjs出于安全考虑,会强制对所有字符进行转义

这是字体 如果没有引用css样式和字体库的话是无法识别这种字体格式的.
详细的请百度搜索阿里图标库

F12 调试,看看渲染出来是什么内容

看看你传的值是什么 你是用什么方式来加载图标的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题