-
先引入需要用到的两个基本包
-
react:react包
-
react-dom:dom结构包
-
-
在html中引入这两个包的 js 文件
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
- 再使用 React.createElement 进行元素创建
//参数一:元素名称
//参数二:元素属性
//参数三及其之后参数:元素子节点
const title = React.createElement('h1', {title : '标题'}, 'Hell0 World')
- 使用 ReactDOM.render 渲染到页面上
//参数一:要渲染的 react 元素
//参数二:要挂载的地方
ReactDOM.render(title, document.querySelector('#app'))