从HackerNewsApi后端接收到的HTML标签和特殊字符，视图中未解码
从HackerNewsApi后端接收到的HTML标签和特殊字符，视图中未解码
提问于 2019-04-15 23:56:48
我正在从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中的原样。
有人能帮帮忙吗？
回答 2
Stack Overflow用户
发布于 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>
);
}
}参考资料：
Stack Overflow用户
发布于 2019-04-16 19:10:43
我使用html-react-parser库，它对我很有效。https://github.com/remarkablemark/html-react-parser#usage
非常感谢@Abdelkarim EL AMEL。感谢您的回复。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55693033
复制相关文章
相似问题
腾讯云开发者
