我希望能够传递带有 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(使用前将#替换为@)