如何在react中渲染原始的html文档

html-css09

如何在react中渲染原始的html文档,第1张

很多时候我们需要在react中渲染原始的html文档,但是原始html文档本身和react结构存在差异,直接插入会被解析成字符串;

所以可以用react的属性dangerouslySetInnerHTML来动态渲染html文档,格式如下:

还可以直接这样渲染:

<div dangerouslySetInnerHTML={{__html: "<strong>Welcome to React</strong>"}} />

需要,正常使用react需要引用三个文件,可从官网下载,引用如下:

<script src="react.js"></script>

<script src="react-dom.js"></script>

<script src="browser.min.js"></script>

react.js 是 React 的核心库

react-dom.js 是提供与 DOM 相关的功能,你以后创建的组件都是用它创建

Browser.js 的作用是将 JSX 语法转为 JavaScript 语法

题主是否想询问:“reacthtml超出几行末尾加省略号”?三行。React是一个用于构建用户界面的JavaScript库,其中前段系统界面为HTML页面,在该界面超出三行末尾加省略号,将为标签转为html中同名元素。