react-redux
我是一个粉刷匠呀
这个作者很懒,什么都没留下…
展开
-
react-redux实现流程
用户发送action给storestore.dispatch(action)store接受action,就会触发reducer,传入两个参数,分别是当前的state和传来的action,返回新的statelet newState = redcer函数(当前state,action)state一旦发生变化,就会触发store的subscribe监听函数store.subscribe(listener)listener可以通过store.getState()来获取当前state,.原创 2021-06-25 16:31:12 · 112 阅读 · 0 评论 -
Redux的store.subscribe()监听
import createStore from 'Redux'const { store } = createStore(reducer)store.subscribe(放上view的更新函数)//对于React 则是render和setState此后 更新函数的每一次变化都会触发view的重新自动渲染原创 2021-06-25 15:08:38 · 2466 阅读 · 0 评论 -
Redux的Reducer详解
场景store接受到action后,需要返回一个新的state,这样view才会更新介绍Reducer是一个函数,他接受当前的state和action,返回新的state// action 形如 {type:'add',payload:'其他信息'}const reducer = function(state,action){ return 新的state}应用实际应用中,store.dispatch 会触发reducer的自动执行 需要绑定import { crea..原创 2021-06-25 13:56:08 · 2081 阅读 · 0 评论 -
Redux的state,store,action详解
store即保存数据的容器,一个应用只能有一个store通过Redux的createStore生成const store = Redux.createStore(fn)// 接受另一个函数 返回新生成的store对象state对象包含所有数据,通过store.getState拿到当时刻的数据const store = Redux.createStore(fn)const state = store.getState()注: State变化 View变化 但用户只能看到v.原创 2021-06-25 11:21:57 · 530 阅读 · 0 评论