React

修改state数据： 错误修改方式： 正确修改方式 删除数组的方式，filter方法不会修改原来的数组 受控表单组件修改数据 input为例 步骤： 非受控组件 步骤 id 独一无二（靠谱方法-生成环

![image.png](https://p6-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/48d2a3601f5c44bcb9e6f4d77a9012d0~tplv

```js npm i @craco/craco@alpha -D 创建craco.config.js 文件 文件内容 const path = require('path') const Craco

父传子 父组件 2个子组件 props 说明 父组件传递 函数（重点） 数组 对象 嵌套标签 子组件接收 和使用 图1 子组件接收 和使用 图2 （优化）子组件接收 和使用 解构赋值-方法1 （优化）

react 组件通信 兄弟传值react 组件通信 兄弟传值react 组件通信 兄弟传值react 组件通信 兄弟传值react 组件通信 兄弟传值react 组件通信 兄弟传值reac

APP組件A組件 A組件包含C组件 ，要求 APP 组件数据直接传递给C组件 A 组件 C组件 APP 组件 实现效果

LazyLoad 封装react userRoutes 配置路由react userRoutes 配置路由react userRoutes 配置路由react userRoutes 配

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/762162a61a324764a2e04bc6c96220da~tplv

正确的函数写法 如何传递自定义参数 和 各种乱七八糟参数 修改state 状态 必须用 setState方法 函数写法 错误 导致this指向错误 总结

react 组件通信 子传父 （子组件调用父组件的函数，并把想要传的数据当成函数的实参传递）react 组件通信 子传父 （子组件调用父组件的函数，并把想要传的数据当成函数的实参传递）reactr

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/8af15d5578de458e81a44384f92f34bc~tplv

react-redux 发送数据 和 接收数据 （同步操作流程图 超级麻烦）react-redux 发送数据 和 接收数据 （同步操作流程图 超级麻烦）react-redux 发送数据 和 接收

技术栈为：React + Hook + React-router-v6 + Mobx + AntD 源码地址：https://gitee.com/react-cp/react-pc-code Reac

我的 ==》 登录=》 login页面设置token，==》 路由页面做获取token的操作，然后直接登录进去就可以访问页面了