react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法

  • 做个没有思想的咸鱼,只写最易懂的文章

相信以前会vue的同学都知道vue中的v-html是一个很牛逼的指令,
在react中当然也有这样的方法
比如我们在后台返回一个数据 这个可不是普通的文本哦

是带标签 ,带排版样式的
如图
react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法_第1张图片

this.state={
			titles:'',
			content:'',
		}

我们需要在页面上显示
在vue中是不是直接{content}完事

而在react中就不一样需要这样写

  

显示出来一定是你想要的

react过滤后台富文本传来带标签的内容 react中像vue中v-html的方法_第2张图片

顺变补充一点
一般后台返回的数据都是加密过的

content: "%3Cp%3E%3Cbr%2F%3E%3C%2Fp%3E%3Cp%20style%3D%22line"

此时在前端你需要解码
直接用函数

decodeURIComponent();
                                                   **看完了 是不是顺手点个赞**

你可能感兴趣的:(react,react中v-html,Vue)