我希望能够传递带有 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/

10-13 01:07