reactjs – React – 如何在道具中传递HTML标签?

前端之家收集整理的这篇文章主要介绍了reactjs – React – 如何在道具中传递HTML标签?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想通过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)攻击。

猜你在找的React相关文章