- 在终端安装react
npm i react react-dom
- 引入js文件
- 创建react元素
- 渲染react元素
<div id="root"></div>
<!-- 引入js文件 -->
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
<script>
//创建react元素
//参数一: 元素名称
//参数二: 元素属性
//参数三:元素的子节点
const title = React.createElement('h1', null, 'hello react')
// 渲染react元素
//参数一:要渲染的react元素
//参数二:挂载点
ReactDOM.render(title,document.getElementById('root'))
</script>
结果展现