react.js - React中使用iconfont，然而图标不显示？

问题描述

问 题

  render() {
    const list = this.state.communities.map((value, index, that) => {
      if (index === that.length -1) {
        return <li key={index.toString()}><a className='iconfont' href='#'>{value}</a></li>;
      } else {
        return <li key={index.toString()}><a href='#'>{value}</a></li>;
      }
    });
    return (
      <ul className='communities right'>
        {
          list
        }
      </ul>
    );
  }

然而在工具中查看到：

实际效果为：

并没有显示正确的图标。

显示正常的图片在工具中显示为方块：

这是怎么回事？

解决方案

这是被转义了啊，使用 dangerouslySetInnerHTML

return <div dangerouslySetInnerHTML={createMarkup()} />;

这篇关于react.js - React中使用iconfont，然而图标不显示？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！