存储是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