即使 state 已正确更新，UseSelector 也会返回 undefined

Question

我有一个使用 React Redux 的 React 管理项目。

以下是详细信息：

slice.tsx:

import {createSlice} from "@reduxjs/toolkit";

const newRevisionSlice = createSlice({
    name: 'newRevision',
    initialState: {
      dataList: [],
      status: 'idle'
    },
  reducers: {
    postSaveNewRevision: (state  = { dataList:[], status:"idle" }, action) => {
      return { ...state, dataList: action.payload, status: 'success' };

      }
    }
  });


export const { postSaveNewRevision } = newRevisionSlice.actions;
export default newRevisionSlice.reducer;

component.tsx: 

const newRevision  = useSelector((state: RootState) => state.newRevision)

store.tsx:

declare global {
  interface Window {
    __REDUX_DEVTOOLS_EXTENSION_COMPOSE__?: typeof compose;
  }
}

const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose;

const rootReducer = combineReducers({
  fleetType: fleetTypeApi,
  revisionNo: revisionNoApi,
  revisionDate:revisionDateApi,
  newRevision: newRevisionApi,
});

const store = createStore(rootReducer, composeEnhancers(applyMiddleware(thunk)));

const useAppDispatch = () => store.dispatch;

export type RootState = ReturnType<typeof store.getState>;

export { useAppDispatch };

ReactDOM.render(
  <Provider store={store}>
    <React.StrictMode>
      <App />
    </React.StrictMode>
  </Provider>,
  document.getElementById('root')
);

在 react redux devtool 中，我看到 state 在我发送时已正确更新。 但是，组件中的 useSelector 使 newRevision 返回 undefined。

请你帮助我好吗？

提前致谢。

Answer 1

您的newRevisionSlice和newRevisionApi中的store.jsx是否有可能是 2 个不同的减速器？ 如果是这种情况，那么您有 2 个单独的newRevision商店，它们不会共享状态。

已解决的类似问题：

• useSelector 未使用 Redux 工具包更新
• useSelector state 返回未定义

此外，因为您的useSelector()返回undefined ，所以也可能是切片/缩减器名称某处存在拼写错误。