一. React的安装
(1)首先:
npm init -y //没有中文 文件名
或
npm init // 有中文 文件名
(2)然后
npm install react react-dom // 同时下载 react 与 react-dom两个库
描述:
react包: react包是核心 提供创建元素 组件等功能
react-dom包: react-dom包提供 DOM 相关功能
二.React的使用
(1)首先: 引入 react 和 react-dom内两个js文件
<script src="./node_modules/react/umd/react.development.js"></script>
<script src="./node_modules/react-dom/umd/react-dom.development.js"></script>
(2)其次: 创建React元素
let title = React.createElement('li', null, 'hellow react');
描述:
参数一:元素名称
参数二: 元素属性 传递的是个对象
参数三: 元素内容
(3)然后: 渲染页面
ReactDOM.render(title,document.querySelector(`#root`))
描述:
参数一:要渲染的React元素
参数二: DOM对象 用于指定渲染到页面位置