React中标签字符串强制转html解析的方法

遇到的问题:在React中我们经常会请求数据并渲染到页面中间显示，我们可以直接使用更新state的方法，并使用tihs.state.(data)的方法进行渲染，但是我们有时候会遇到需要渲染html标签的字符串到页面中如果直接进行渲染我们得到的是html字符串，并不是我们想要的html标签。这个时候我们应该怎么办呢？

1. js原生方法

 var html="<p>这是需要渲染的标签字符串</p>"document.body.innerHTML = html

2. jquery方法

 var html="<p>这是需要渲染的标签字符串</p>"var parent = $('body');parent.html(html)

3. react中强制转为html解析的方法

<div  dangerouslySetInnerHTML={{ __html: html }} ></div>

在React中尽量少使用该方法，使用该方法容易受到XSS攻击

注意：便签内部必须为空，空格也不行。

React中标签字符串强制转html解析的方法相关推荐

html5是播放什么中新,关于html5中标签video播放的新解析-
这篇文章主要介绍了关于html5中标签video播放的新解析,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下前端同学要使用 HTML5 播放器视频,必然会使用 video 标签,不过大 ...
c语言中格式化字符串系列函数包括,解析C语言中常用的格式化输入、输出函数...
fprintf(格式化输出数据至文件) 这个函数的功能类似于文件操作函数 fwrite();通过一个文件描述符将数据写入该文件描述符所指向的文件中. 函数定义: int fprintf(FILE * ...
react中使用jszip获取压缩包里文件的方法、Blob与Flie之间的转换
react中jszip获取压缩包里的文件方法: // react里通过npm install jszip安装 import JSZip from 'jszip'const zip = new JSZi ...
解释C语言中的字符串数组（详细解析）
#define _CRT_SECURE_NO_WARNINGS 1 #include <stdio.h> #include <string.h> //#include < ...
scala 自带json_scala中复杂对象转JSON和解析的方法
比如有一个复杂对象: Map[Int, Map[Int, Double]] 需要将其转为JSON保存,之后再读取使用,试了几种方法,最后的方案是: 1.定义case class 2.所有的数据类型都转 ...
C# .net中json字符串和对象之间的转化方法
json作为作为一种最常用的数据,应用很广泛,在.net中如何把一个对象转化为json字符串呢? 主要有一下几种 1按照json的定义自己转化,难度很大,但很灵活.需要自己处理各种特殊字符,各种数据类 ...
Python中删除字符串末尾的指定字符rstrip()方法
[太阳]选择题以下python代码输出什么? myString = "www.liujingwei.cncn" myResult = myString.rstrip(" ...
C++中string字符串类型详解及常见方法分析
因为C中除了字符数组以外没有直接与字符串相关的变量类型,在处理一些问题的时候不是很方便.所以C++提供新的数据类型--字符串类型(string类型),在使用方法上,它和char､int类型一样,可以用 ...
C语言中返回字符串函数的四种实现方法
有四种方式: 1.使用堆空间,返回申请的堆地址,注意释放 2.函数参数传递指针,返回该指针 3.返回函数内定义的静态变量(共享) 4.返回全局变量其实就是要返回一个有效的指针,尾部变量退出后就无效了 ...

React中标签字符串强制转html解析的方法

React中标签字符串强制转html解析的方法

1. js原生方法

2. jquery方法

3. react中强制转为html解析的方法

React中标签字符串强制转html解析的方法相关推荐

最新文章

热门文章