# 2.React的基本使用
# 1.React 的安装
安装命令: npm i react react-dom --save
- react 包是核心, 提供创建元素, 组件等功能
- react-dom包提供DOM相关功能等
# 2.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>
1
2
2
2.创建 React 元素
3.渲染 React 元素到页面中
<div id="root"></div>
<script>
// 2.创建react元素
// 参数一: 元素名称
// 参数二: 元素属性
// 参数三: 元素的子节点
const title = React.createElement('h1',null,'hello react')
// 3.渲染react元素
// 参数一: 要渲染的react元素
// 参数二: 挂载点
ReactDOM.render(title, document.getElementById('root'))
</script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14