react-quill 怎么插入HTML片段

Question

react-quill 组件中想插入一段 HTML代码，但是实际结果却是显示为 HTML代码文本，而不是页面预算；
比如，我插入<img src="asdasd.npg"/>
我的期望是在详情页面展示图片asdasd.npg；
实际展示的是<img src="asdasd.npg"/>字样；

请问怎么样才能做到期望那样子？
感谢费5元

Answer 1

因为富文本组件，就显示你输入的内容。不会对你的html标签解析的。
要显示一个图片，你要通过toolbar的上传图片功能实现，需要你将toolbar的image功能打开。
参考官方的例子

最终显示的时候可以如下：

class extends React.Component {
    render() {
        const {qullText} = this.props;
        return (
            <div dangerouslySetInnerHTML={{__html: qullText}}></div>
        )
    }
}

注意： html前是两个下划线。