React及相关库

一. Redux 中间件 二. 函数柯里化 先来看一下函数柯里化，毕竟函数柯里化是实现 Redux 中间件的基础！！！ 栗子1： 比如我们要实现一个求和函数 sum(x,y,z,q) ，它接收四个参数

<1> 大致结构 ` < Form > < Form.Item name = "" labe = ""> </ Form.Item> < Form.Item name = "" labe = "">

<1> 使用扩展运算符... 进行拷贝 缺点： 即如果要拷贝的对象中有属性的值是对象的话，那么对该属性的拷贝还是浅拷贝，即还是拷贝的是对该属性值的对象的引用！！ <2> 使用 json--parse

一. 基本工作流程 <1> 跟原生 Redux 不同的是： (1) store (2) 从 store 状态树中获取 state (3) dispatch(action 对象) <2> connect

<1> 需求 所以就需要在每个组件中进行判断，如果该数据已经被请求，就使用缓存，如果没有，就在该组件中发起请求！！！ <2> 存在的异步问题 然后我们需要考虑到，数据请求存在异步问题，即数据请求回来是

在 create-react-app脚手架中，已经给我们内置封装好了，我们只需要做简单的配置就行！！！ (1) 安装跨域的插件 npm i http-proxy-middleware --save (

(1) 从路由地址拿到参数 三种方法： <1> 动态路由 路由注册要改为以下写法： < Router path="/detail:id" component={Detail}> 加上冒号 ：，说明该位

一. 什么是路由？ 二. React 路由 React 路由的实现主要是 react-router ，而它又被分为三部分： react-router 是 router 的核心代码 react-rout

const [state , dispatch] = useReducer( reducer , intialState ) const [state , dispatch] = useReducer

Provider 组件的写法跟之前的 类式组件中的Context组件是一样的 而对于 Consumer 组件，就需要使用useContext()，该 hook 函数返回的就是，我们给 Provider

<1> 状态提升(中间人模式) <2> 订阅发布模式 反正就是在订阅中心中(对象)，定义两种函数：订阅函数 和 发布函数 在发布函数里，需要遍历执行订阅者传入的所有回调函数！！ 在订阅函数里，需要执行

<1> 通过 props 父传子 ：直接在子标签中传 子传父 ：通过父给子传一个函数，然后在子组件中调用该函数！！！ <2> 使用 ref 可以在父组件中使用 ref 来直接获得对子组件的引用，然后通

可以保存 DOM 节点 可以对原生 DOM 节点进行一些操作！！ 可以保存组件 可以保存普通变量 可以接收一个参数 -- 要保存的变量的初始值！！ 注意： 因为涉及到重新渲染问题，所以如果是普通的进行

useCallback(fn , [] ) 等价于 useMemo(()=> fn , []) 唯一的区别就是，useCallback() 不会执行第一个参数，而是直接把它的缓存返回给你，而useMe

useCallback(()=>{} , []) 接收两个参数，第一个参数是一个回调函数，第二个参数是依赖项；返回值为传入的回调函数的 memorized 版本 ，只有当第二个参数中的依赖性改变时才会

<1> shouldComponentUpdate() 控制组件自身，或者子组件是否需要重新渲染，通过返回true or false 来进行控制！！！ <2> PureComponent 它会自动帮我

一. 老生命周期 <1> 初始化阶段 (1) componentWillMount() 这个生命周期已经不推荐使用了，因为在 react 近期的版本中，为了优化 DOM diff 渲染算法 ，采用了

(1) 受控与非受控(广义) 广义的说法： (2) 表单的受控与非受控 非受控： 不受状态的控制，使用 ref ，来获取用户输入的值！！！ 受控： 受状态的控制，使用 state 实时存储用户输入的值

(1)基本使用 父组件 子组件 (2) 在子组件中对传过来的 props 进行限制 有些属性是需要一些限制的，因为有一些属性，从父组件传过来后，需要在子组件中进行展示或者使用。此时，就需要对传过来的

(1)什么是 state ？ state 是一个对象，里面可以存储各种类型的状态数据！！！ (2)使用 state 先定义！！！ 然后通过 this.state 可以访问到所有的状态 通过 this.