什麼時候在 Action Creators 中存取 Redux 狀態是合理的？

在Action Creator 中存取Redux 狀態：優點和缺點

從Action Creator 存取Redux 儲存狀態仍然是一個爭論的話題

方法1：導入Store

import store from '../store';
export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return {
    type: SOME_ACTION,
    items: store.getState().otherReducer.items,
  }
}

雖然此方法避免了中間件，但它依賴於從模組導出的單例存儲。然而，伺服器渲染需要為每個請求單獨存儲，使得這種方法不切實際。

方法2：使用getState

export const SOME_ACTION = 'SOME_ACTION';
export function someAction() {
  return (dispatch, getState) => {
    const {items} = getState().otherReducer;

    dispatch(anotherAction(items));
  }
}

這種方法需要使用Redux Thunk中間件，但允許更大的靈活性，在客戶端和伺服器上無縫工作。

Redux 貢獻者的意見

Redux 貢獻者對此事的看法各不相同：

• Dan Abramov 不鼓勵在動作創建者中訪問狀態，認為它會掩蓋更改歷史並阻礙調試。
• 另一方面，Mark Erikson 鼓勵在thunk 動作創建者中使用getState，並引用其預期目的.

結論

最終，存取操作創建者中的狀態的決定取決於應用程式的特定需求。如果需要最小的操作負載，避免 getState 可能會更好。但是，如果用例證明是合理的，則存取 thunk 中的狀態可以提供更大的靈活性和伺服器端相容性。

以上是什麼時候在 Action Creators 中存取 Redux 狀態是合理的？的詳細內容。更多資訊請關注PHP中文網其他相關文章！