我正在从hackerNews Api检索JSON数据。我收到了存储在后端的评论如下:
by: "metakermit"
id: 19665566
kids: [19665689]
parent: 19664663
text: "A 15% cost reduction – not bad.<p>Possibly interesting – I'm working on developing a similar battery - solar panel off-the-shelf system that would be suited for people who live in cities (e.g. if you want to put a solar panel on your balcony):<p><a href="https://www.craftstrom.com/" rel="nofollow">https://www.craftstrom.com/</a>"
time: 1555338679
type: "comment" .
当我在browser视图中呈现上述数据时,特殊字符和html标记显示为JSON中的原样。
有人能帮帮忙吗?
发布于 2019-04-16 00:20:12
您可以使用dangerouslySetInnerHTML
属性/指令告诉react按原样解释html。
示例
class App extends Component {
constructor() {
super();
this.state = {
name: 'React'
};
}
createMarkup() {
return {__html: '<h3> this is a header </h3> normal text'};
}
render() {
return (
<div>
<div dangerouslySetInnerHTML={this.createMarkup()}></div>
</div>
);
}
}
参考资料:
发布于 2019-04-16 19:10:43
我使用html-react-parser库,它对我很有效。https://github.com/remarkablemark/html-react-parser#usage
非常感谢@Abdelkarim EL AMEL。感谢您的回复。
https://stackoverflow.com/questions/55693033
复制相似问题