如何解决React - 如何在道具中传递 HTML 标签?
您可以将混合数组与字符串和 JSX 元素一起使用(请参阅此处的文档):
<MyComponent text={["This is ", <strong>not</strong>, "working."]} />
这里有一个小提琴表明它可以工作:http://jsfiddle.net/7s7dee6L/
此外,作为最后的手段,您始终可以插入原始 HTML,但要小心,因为如果不清理属性值,这可能会使您面临跨站点脚本 (XSS) 攻击。
解决方法
我希望能够传递带有 HTML 标签的文本,如下所示:
<MyComponent text="This is <strong>not</strong> working." />
但是在MyComponent
‘s render 方法中,当我 print out 时this.props.text
,它实际上会打印出所有内容:
This is <strong>not</strong> working.
有什么方法可以让 React 解析 HTML 并将其正确转储出来吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。