📜  什么是 Redux 中的商店?(1)

📅  最后修改于: 2023-12-03 14:49:09.633000             🧑  作者: Mango

Redux中的Store

在Redux中,Store被视为单一数据源。它是存储和管理应用程序状态的地方。Store将应用程序状态存储在一个对象树中,该状态可以从中读取并更改。

创建Store

要创建Redux Store,请使用Redux中的createStore函数并传递一个reducer函数作为参数。reducer函数用于更改Store中的状态。

import { createStore } from 'redux'

const reducer = (state, action) => {
  //更改状态操作
}

const store = createStore(reducer)
获取Store状态

要获取Store中的状态,请使用Redux中提供的getState函数。

const state = store.getState()
更改Store状态

要更改Store状态,请调用dispatch函数,并将指示要执行的操作的action作为参数传递。然后,reducer函数将根据传递的action更改Store状态。

const action = {
  type: 'ADD_ITEM',
  payload: 'new item'
}

store.dispatch(action)
订阅Store状态更改

要订阅Store状态更改,请调用subscribe函数并将一个回调函数作为参数传递。该回调函数将在Store状态更改时被调用。

store.subscribe(() => {
  console.log('Store state changed:', store.getState())
})
参考文献