我想通过HTML标签传递文本,就像这样:
<MyComponent text="This is <strong>not</strong> working." />
但是在MyComponent的render方法里面,当我打印出this.props.text时,它会打印出一切:
This is <strong>not</strong> working.
有没有办法使React解析HTML并将其正确转储?
您可以使用混合数组与字符串和JSX元素(参见docs
here):
<MyComponent text={["This is ",<strong>not</strong>,"working."]} />
这里有一个小提琴,显示它工作:http://jsfiddle.net/7s7dee6L/
此外,作为最后的手段,您始终有the ability to insert raw HTML,但要小心,因为如果不清理属性值,那么可以打开您进行跨站点脚本(XSS)攻击。