ckinmind / react-cnode

👨🏻‍💻React构建的cnode社区(附详细问题说明)
https://ckinmind.github.io/react-cnode
15 stars 7 forks source link

关于dangerouslySetInnerHTML的问题(直接显示html) #7

Open ckinmind opened 7 years ago

ckinmind commented 7 years ago

看到一段代码,如下

 <div className="content markdown-body" dangerouslySetInnerHTML={ { __html: content} } ></div>
ckinmind commented 7 years ago

参考资料:dangerouslySetInnerHTML, 让React正常显示你的html代码

我们的设计哲学是让确保安全应该是简单的,开发者在执行“不安全”的操作的时候应该清楚地知道他们自己的意图。dangerouslySetInnerHTML 这个 prop 的命名是故意这么设 计的,以此来警告,它的 prop 值( 一个对象而不是字符串 )应该被用来表明净化后的数据

使用dangerouslySetInnerHTML这个props可以使得html代码得到正确的解析,而不会不解析直接是字符串