"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'); }); });