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