【React】React的安装 、React的使用

一. 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对象 用于指定渲染到页面位置