如今大家在进行前端开发的时候经常会使用 React 去渲染页面, 那么这是如何使用的呢? 下面本篇文章就给大家分享一下自己的使用心得.
首先是需要引入 React 的脚本库的, 这里需要引入三个 JS 文件, 如下图
然后在 body 区域添加一个 div 给 div 一个 id 标识, 如下图所示, 下面会将内容渲染到这个 div 里面
接下来准备脚本区域, 注意这里的脚本类型要写成 text/babel 类型的, 如下图所示, 这是 react 定义的
然后我们在脚本区域利用 ReactDOM 中的 render 来渲染页面, 如下图所示, 它需要两个参数, 一个是 html 内容, 一个是 DOM 节点
我们运行页面以后, 你会在页面中看到如下图所示的内容, 和我们定义的一样
另外你也可以在脚本区域定义 HTML 的样式的, 如下图所示, 可以直接在 reader 中的 HTML 里面运用自己定义的样式
综上所述, 运用 React 渲染页面主要运用了其中的 ReactDOM 对象里面的 render 方法, 大家可以自己实践一下.
更多 web 前端开发 https://www.html.cn/ 知识, 请查阅 HTML 中文网 !!
来源: http://www.css88.com/qa/react/17723.html