React中使用iconfont，然而图标不显示？

Question

  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>
    );
  }

然而在工具中查看到：

实际效果为：

并没有显示正确的图标。

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

这是怎么回事？

Answer 1

这是被转义了啊，使用 dangerouslySetInnerHTML

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