React 18脚手架

全局安装命令

 $ npm install create-react-app -g

create-react-app  创建项目名称不能包含大写字母

npm  run start  项目跑起来

 引入

import ReactDOM from "react-dom/client"

git add

git commit -m '初始化提交'

组件化：拆分，可复用组件

组件的分类：

定义方式：函数组件和类组件

状态维护:无状态组件(Stateless Component)和有状态组件(Stateful Component)

不同职责：展示型组件（Presentational Component）和容器型组件(Container Component)

React元素：jsx创建

<div/>React渲染DOm节点， myComponent 会被react渲染为自定义组件

<div/>或者MYcomponent均为react元素

数组 fragments：使得render方法返回多个元素

wportals：可以渲染子节点到不同的dmo子树中