简书开发知识点五

  1. Reducer可以接收state,但是决不能修改state;
  2. React组件要想改变store里的内容,先创建一个action,通过dispatch的方法将action传递给store,store将之前的数据和转发过来的action传递给reducer函数,reducer是一个函数,会把store传递过来的数据和action 做处理形成新的数据newState,reducer将新的数据newState传回给store,store再用newState替换之前的state,store一旦发生变化,react组件就会感知到store的变化,就会从store中重新取内容,更新组件的内容,页面就会重新发生变化了;
    在这里插入图片描述
  3. 纯函数:给定固定的输入,就一定会有固定的输出,并且没有任何副作用;
    一旦函数中有setTimeout,ajax请求,new Date()日期相关的内容时,就不是纯函数;
    Reducer函数中不能有异步操作,不能有和时间相关的操作;
    副作用指的是:对函数中的参数进行了修改,就会产生副作用;例如修改reducer中的
    State;
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    CreateStore:创建一个store;
    Store.dispatch():派发action,把action传递给store;
    Store.getState():获取store里面所有的数据内容;
    Store.subscribe():订阅store的改变,只要store发生改变,subscribe监听的回调函数就会被执行;
  4. UI组件:页面的渲染;
    容器组件:页面的逻辑;
  5. 无状态组件:当一个普通组件只有一个render函数的时候(例如TodolistUI组件),就可以通过无状态组件来替换这个组件;
    优点:性能高,因为无状态组件只是一个函数;
    在这里插入图片描述
  6. Redux-thunk支持action不仅仅是对象形式,而是可以以一种函数的形式,发送给store;可以在action中写异步代码请求数据;只有使用thunk,发送的action才可以是函数形式
  7. Redux中间件:指action和store之间,Redux-thunk对store.dispatch进行了升级,没升级前只能接收对象式的action,升级后可以接收对象式或函数式的action;
    Redux-thunk:在action里做异步操作;
    Redux-logger:在派发action的时候,把action打印在控制台
    Redux-saga:把异步逻辑拆分放在一个文件里管理;
    在这里插入图片描述
  8. React-redux的两个API :Provider,Connect;
    Provider提供器的作用:连接store,Provider中内部的组件都可以获取store里的内容;
    Connect的作用:连接组件与store;
    在这里插入图片描述
  9. React-redux中也有UI组件和容器组件:
    UI组件就是TodoList,
    容器组件就是connect方法返回的结果(connect执行生成的内容的结果);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值