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

发布时间：2020-12-15 06:24:52 所属栏目：百科来源：网络整理

导读：我想通过HTML标签传递文本，就像这样： MyComponent text="This is strongnot/strong working." / 但是在MyComponent的render方法里面，当我打印出this.props.text时，它会打印出一切： This is strongnot/strong working. 有没有办法使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)攻击。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!