我希望能够传递带有 HTML 标签的文本，如下所示：
<MyComponent text="This is <strong>not</strong> working." />
但里面的MyComponent的渲染方法，当我打印出来时this.props.text，它实际上打印出所有内容：
This is <strong>not</strong> working.
有没有办法让 React 解析 HTML 并将其正确转储出来？
您可以将混合数组与字符串和 JSX 元素一起使用（请参阅文档here https://facebook.github.io/react/docs/jsx-gotchas.html#html-entities):
<MyComponent text={["This is ", <strong>not</strong>, "working."]} />
这里有一个小提琴显示它的工作原理：http://jsfiddle.net/7s7dee6L/ http://jsfiddle.net/7s7dee6L/
另外，作为最后的手段，你总是可以插入原始 HTML 的能力 https://facebook.github.io/react/tips/dangerously-set-inner-html.html但要小心，因为如果不清理属性值，可能会遭受跨站点脚本 (XSS) 攻击。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
