📜  Redux-商店

📅  最后修改于: 2020-10-20 04:54:33             🧑  作者: Mango


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

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

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

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

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

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

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

getState

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

getState的语法如下-

store.getState()

调度

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

分派的语法如下-

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

订阅

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

分派的语法如下-

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

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

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