微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决React - 如何在道具中传递 HTML 标签?

您可以将混合数组与字符串和 JSX 元素一起使用(请参阅此处的文档):

<MyComponent text={["This is ", <strong>not</strong>,  "working."]} />

这里有一个小提琴表明它可以工作:http://jsfiddle.net/7s7dee6L/

此外,作为最后的手段,您始终可以插入原始 HTML,但要小心,因为如果不清理属性值,这可能会使您面临跨站点脚本 (XSS) 攻击。

解决方法

我希望能够传递带有 HTML 标签的文本,如下所示:

<MyComponent text="This is <strong>not</strong> working." />

但是在MyComponent‘s render 方法中,当我 print out 时this.props.text,它实际上会打印出所有内容:

This is <strong>not</strong> working.

有什么方法可以让 React 解析 HTML 并将其正确转储出来吗?

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。