"store" 是只讀的 React 測試庫

Question

我是反應測試的初學者，這里 createTestStore 使用內置的 redux 函數 createStore 和 combineReducers 並引用我的實際減速器（這應該如何使用工具包 configureStore 來完成？）。 reducer 應該使用正確的初始 state 自動初始化。 但我得到了這個：“商店”是只讀的。 它指向在beforeEach 中的存儲。 英語不是我的母語，所以可能是錯誤的，有什么建議嗎？

在我的 store.ts 中：

 // this is for testing export function createTestStore() { const store = createStore( combineReducers({ user: userReducer, config: configReducer, }) ); return store; } export const history: History = createBrowserHistory(); const rootReducer = (history: any) => ({ router: connectRouter(history), app: appReducer, user: userReducer, config: configReducer, }); const preloadedState = {}; export const store = configureStore({ middleware: [thunk as ThunkMiddleware, routerMiddleware(history)], reducer: rootReducer(history) as any, preloadedState, }); export type AppDispatch = typeof store.dispatch; export const useAppDispatch = () => useDispatch<AppDispatch>(); //

我的測試：

 let store; describe("a test", () => { beforeEach(() => { store = createTestStore(); }); test('Component with a full reducer flow', async () => { // Create a redux store const { findByText } = render( <Provider store={store}> <ComponentToTest /> </Provider> ); await findByText('This text is now visible because your state was updated by the reducer'); }); });