背景：有些时候我们用Textarea输入内容并提交后，想在回显的时候按照当时输入的格式回显（换行，空格等等）
但是，react 项目是 JSX 语法，JSX 防注入攻击使得大括号里的html代码全部变成字符串进行渲染，无法按照你想象的样子回显
网上解决方法：
<div dangerouslySetInnerHTML = {{__html:接口返回的值（包括html代码）}} ></div>
经过测试这样子也不行，还是要在整个div外边加上<pre></pre>标签的，如下：
<pre><div dangerouslySetInnerHTML = {{__html:接口返回的值（包括html代码）}} ></div></pre>
解释：
（1）dangerouslySetInnerHTMl 是React标签的一个属性
（2）第一{}代表jsx语法开始，第二个是代表dangerouslySetInnerHTML接收的是一个对象键值对
（3）可以插入DOM，也可以插入字符串
背景：有些时候我们用Textarea输入内容并提交后，想在回显的时候按照当时输入的格式回显（换行，空格等等） 但是...
react特点 用过ReactDOM.render(html,id)的方式渲染页面； 其中html是html字符串...
1. 属性dangerouslySetInnerHTML直接渲染字符串为html 2. React.Childre...
记录几个关于富文本处理的方法 处理网络请求回来的html字符串 处理后的html字符串转换成NSMutableAt...
基本使用 React基本使用 直接渲染 html，相当于 vue 中的 v-html React 事件 ...
HTML/React/Vue节点渲染出错 1 .这些节点内容都是渲染在SVG的foreignObject节点内部....
React在处理事件和HTML中JS处理事件不同,本文介绍React中的事件处理机制。React中不同通过返回fa...
在 jsx 中 渲染 html 元素在上半部分标签中使用 dangerouslySetInnerHTML={{ _...
React.DOM对象，可以将HTML元素当作它的属性，变成React组件使用。ReactDOM：渲染的一种途径，...
react-dom: 把jsx语法（react独有的语法）转换为真实的dom元素 最终渲染的index.html文...
本文标题：关于React渲染html字符串的处理
本文链接：https://www.haomeiwen.com/subject/wxlioctx.html
网友评论