React

Redux 安装 目录结构 Redux数据流架构 state: 一个对象 存放着我们管理的数据 action: 一个对象 用来描述你想怎么改数据 reducer: 一个函数 根据action的描述更新

Hooks基本使用 useState 作用 useState为函数组件提供状态（state） 使用步骤 导入 useState 函数 调用 useState 函数，并传入状态的初始值 从useStat

生命周期 组件的生命周期是指组件从被创建到挂载到页面中运行起来，再到组件不用时卸载的过程，注意，只有类组件才有生命周期（类组件 实例化  函数组件 不需要实例化） 钩子链接：React lifecyc

props参数类型限定 实现步骤 安装属性校验包：npm install prop-types 导入prop-types 包 使用 组件名.propTypes = {} 给组件添加校验规则 父组件 子

组件间通信 父传子 实现步骤 父组件提供要传递的数据  -  state 给子组件标签添加属性值为 state中的数据 子组件中通过 props 接收父组件中传过来的数据 类组件使用this.prop

表单处理 受控组件（推荐使用） input框自己的状态被React组件状态控制 React组件存状态的地方是在state中，input表单元素也有自己的状态是在value中，React将state与表

安装vsCode prettier 插件 修改配置文件 setting.json,格式化配置,基于vscode配置格式化工具，提高开发效率

创建路由并使用 安装 创建路由页面 新建 src/router/index.js 路由配置文件 在 src/index.js 中注册 路由导航 声明式导航 编程式导航 路由导航传参 使用searchP

创建项目 项目结构预览 项目启动 基本语法 react 中的类名是 className 而非 class 2. js需要写在{ }中 注意：这里遍历用的 map，如果用 forEach 是没有效果，我