我希望能够传递带有 HTML 标签的文本,如下所示:
<MyComponent text="This is <strong>not</strong> working." />
但是在
MyComponent
的渲染方法中,当我打印出 this.props.text
时,它会打印出所有内容:This is <strong>not</strong> working.
有没有办法让 React 解析 HTML 并正确地将其转储出来?
最佳答案
您可以使用带有字符串和 JSX 元素的混合数组(参见文档 here):
<MyComponent text={["This is ", <strong>not</strong>, "working."]} />
这里有一个 fiddle 显示它正在工作:http://jsfiddle.net/7s7dee6L/
此外,作为最后的手段,您总是有 the ability to insert raw HTML 但要小心,因为如果不清理属性值,这可能会让您面临跨站点脚本 (XSS) 攻击。
关于reactjs - React - 如何在 Prop 中传递 HTML 标签?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33381029/