Redux教程:Store存储

存储是Redux中的不可变对象树。Store是一个状态容器,用于保存应用程序的状态。Redux在您的应用程序中只能有一个存储。每当在Redux中创建Store时,都需要指定reducer。

让我们看看如何使用Redux中的createStore方法创建Store。需要从支持Store创建过程的Redux库中导入createStore软件包,如下所示:

import { createStore } from 'redux';
import reducer from './reducers/reducer'
const store = createStore(reducer);

createStore函数可以具有三个参数。以下是语法:

createStore(reducer, [preloadedState], [enhancer])

reducer是一种返回应用程序下一个状态的功能。preloadedState是可选参数,是应用程序的初始状态。增强子也是可选参数。它将通过第三方功能帮助您增强Store。

商店具有以下三种重要方法:

getState

它可以帮助您检索Redux存储的当前状态。

getState的语法如下-

store.getState()

dispatch

它允许您调度操作以更改应用程序中的状态。

语法如下:

store.dispatch({type:'ITEMS_REQUEST'})

订阅

它可以帮助您注册在调度动作后Redux存储将调用的回调。更新Redux状态后,视图将自动重新渲染。

分派的语法如下-

store.subscribe(()=>{ console.log(store.getState());})

请注意,subscribe函数返回用于退订侦听器的函数。要取消订阅侦听器,我们可以使用以下代码:

const unsubscribe = store.subscribe(()=>{console.log(store.getState());});
unsubscribe();

作者:terry,如若转载,请注明出处:https://www.web176.com/redux/2234.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2021年3月31日 下午5:24
下一篇 2021年3月31日 下午5:30

相关推荐

发表回复

登录后才能评论