美文网首页
浅谈redux流程及reducer介绍

浅谈redux流程及reducer介绍

作者: 666同学 | 来源:发表于2019-12-27 21:12 被阅读0次

浅谈redux

最外层是Provider(react-redux解构出来)<Provider store={store}>

然后是store, store里面是reducer

reducer传两个参数(state,action)返回新的state

页面用connect(mapstate,dispatchstate,组件)或者使用装饰器

为什么reducer是纯函数

因为不能改变输入值state,说白了就是reducer传state和action返回新的state

为什么这样设计

因为页面渲染需要比较新旧state,react比较state比较的是地址(也就是浅比较,如果深比较耗费性能)所以必须返回新的state,否则页面不更新

什么是纯函数

1、相同的输入永远返回相同的输出

2、不能修改输入值

3、不依赖外部环境

4、无任何副作用

相关文章

  • Redux - lewisbook

    Redux = Reducer + Flux 1、Redux的工作流程(Redux Flow) redux-flo...

  • Redux

    Redux 简介 Redux = Reducer + Flux Redux 的工作流程 使用antd编写Todo...

  • React入门 (5) - Redux & React-Redu

    redux 安装 npm i redux api介绍 createStore 创建store reducer 初始...

  • redux 学习笔记

    redux的作用 Redux 主要分为三个部分 Action、Reducer、及 Store action act...

  • Redux介绍之Reducer

    上一篇中的Action只是个数据的载体,用于告知Reducer发生了什么事情,真正搞事情的还得靠Reducer,在...

  • Redux复习

    Redux=Reducer+Flux 大致流程:(1)component需要改变数据,通过store.dispat...

  • 浅谈 GPU 及 “App渲染流程”

    浅谈 GPU 及 “App渲染流程”浅谈 GPU 及 “App渲染流程”

  • Redux中间件(一):redux的使用

    Redux Redux是基于Reducer来实现 Reducer 来自数组(Array)中的reduce 例如数据...

  • Redux

    Redux = Reducer + Flux Redux示例 ./store/index.js ./redux/t...

  • redux

    安装redux Redux的组成 Action-事件 Reducer Store 案例

网友评论

      本文标题:浅谈redux流程及reducer介绍

      本文链接:https://www.haomeiwen.com/subject/ytheoctx.html