Ant Design of React 的 List 组件展现评论时,如何把字符串渲染为html ?

react 开发,使用antd 的 List 组件展现评论时,评论内容展示的是字符串,无法渲染为HTML,该如何解决呢?

antd 文档中的例子【https://ant.design/components...】是正常显示的,到我这里却不行了。

如图所示:

图片描述

JSON 数据如下:
图片描述

相关代码如下:

            <List
            className="comment-list"
            header={`${this.state.talks.length} 评论`}
            itemLayout="horizontal"
            dataSource={this.state.talks}
            renderItem={item => (
            <li>
                <Comment
                author={item.author.loginname}
                avatar={item.author.avatar_url}
                content={item.content}
                />
            </li>
            )}
            />

阅读 4.9k
3 个回答

试试
content={<div dangerouslySetInnerHTML={{ __html: item.content }} />}

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