关于React渲染html字符串的处理

背景:有些时候我们用Textarea输入内容并提交后,想在回显的时候按照当时输入的格式回显(换行,空格等等)

但是,react 项目是 JSX 语法,JSX 防注入攻击使得大括号里的html代码全部变成字符串进行渲染,无法按照你想象的样子回显

网上解决方法:

经过测试这样子也不行,还是要在整个div外边加上

标签的,如下:

解释:
(1)dangerouslySetInnerHTMl 是React标签的一个属性
(2)第一{}代表jsx语法开始,第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对
(3)可以插入DOM,也可以插入字符串

你可能感兴趣的:(关于React渲染html字符串的处理)