React-Redux数据流图
2017-04-19 20:37:04 0 举报
React-Redux数据流图描述了应用中的数据如何在各个组件之间流动。首先,用户在UI上进行操作,如点击按钮或输入文本,这些操作会触发组件的状态更新。然后,组件通过dispatch一个action来通知Redux store这个状态变化。Redux store接收到action后,会根据reducer函数来更新全局状态。最后,当全局状态发生变化时,与全局状态相关联的组件会自动重新渲染,以反映新的状态。这个过程使得应用的状态管理变得可预测和易于维护。
作者其他创作
大纲/内容
菜单Reducer
通知state改变
rootReducer
connect
注册Reducer
容器组件Container 展示组件Component
Actions
Container: cart、home、menu、order、scan、user...
原state
新state
provider
菜品Reducer
Redux
中间件
登录Reducer
Actions Creators
store.subscribe(fn)
{store}
store.dispatch(action)
{this.props}
分发actions
Views
Store
订单Reducer
用户交互
历史订单Reducer
props回调
React
Component: Header、Loading、MenuItem、CartItem、CenterItem、TasteLevel...
收藏
0 条评论
下一页