react.js - React渲染经过转义的html字符串的问题
本文介绍了react.js - React渲染经过转义的html字符串的问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
description内容:
description: "<p><img src="http://oss-img.dinghuo123.com/product/detail/images/18931/d114aab5-8bb5-4214-82c3-71d1321a389e.png" alt=""/></p>",
代码:
<div dangerouslySetInnerHTML={{__html: productDetail.product.description}}/>
<div dangerouslySetInnerHTML={{__html: "<h1>这是 · 测试</h1>"}}/>
渲染出来效果:
<img src="/uploads/default/original/2X/1/18e01a1aefb1ff5349831f24d47592ce20e3fc75.png" width="690" height="127">
完全懵逼了。。。求助。
解决方案
unescape一下就好了,可以使用下面的函数:
function htmlDecode(input){
var e = document.createElement('div');
e.innerHTML = input;
return e.childNodes.length === 0 ? "" : e.childNodes[0].nodeValue;
}
这篇关于react.js - React渲染经过转义的html字符串的问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文