react将字符串转义成html语句
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现:
<div dangerouslySetInnerHTML={{__html: "<p style='color:red'>this is html</p>"}} />
效果如下:
在使用reactjs库的时候,会遇到将一段html的字符串,然后要将它插入页面中以html的形式展现,然而直接插入的话页面显示的就是这段字符串,而不会进行转义,可以用一下方法插入,便可以html的形式展现:
<div dangerouslySetInnerHTML={{__html: "<p style='color:red'>this is html</p>"}} />
效果如下: