试图弄清楚如何才能让链接实际呈现为链接。现在,在我从Json文件中读取这行文本之后,react将超链接呈现为文字文本,它不会将其呈现为链接。
someData.json
[{
"about": "John has a blog you can read <a href=\"http://www.john.com/blog/\" target=\"_blank\">here</a>."
}]
someComponent.js
const Person = Component({
store: Store('/companies'),
render(){
var company = this.store.value()[this.props.companyId];
return (
<div id='ft-interviewee className="all-100"'>
<p className="section-heading bold padding-top-20 font-22">Person</p>
<div className="column-group horizontal-gutters">
<div className="all-10">
<div>{company.people.person.about}</div>
</div>
</div>
)
}
});
3条答案
按热度按时间gzjq41n41#
可以使用
dangerouslySetInnerHTML
Example
acruukt92#
另一个我认为便宜的选择是NPM React插件
https://www.npmjs.com/package/react-html-parser
我用过这个,感觉很好。
qyswt5oh3#
我认为最好的解决方案是在包含HTML的容器上获取一个ref,然后将其innerHTML设置为应该呈现的HTML字符串。