标签: redux-dynamic-modules

使用 TypeScript 设置 Redux、路由器和动态模块的 React-Testing-Library

我有一个小型应用程序redux-dynamic-modules,用作存储,react-router用于路由,所有组件都是带有useStateuseHistoryuseLocationuseSelector等钩子的函数组件useDispatch

我想设置react-testing-library来测试组件,正如文档中所述,我需要设置一个自定义render().

所以这是我的index.tsx

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import { Provider } from "react-redux";
import { store } from "./redux/store";


ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById("root")
);
Run Code Online (Sandbox Code Playgroud)

这是我的 App.tsx

import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import { SearchPage } from "./pages/search/search-page";
import …
Run Code Online (Sandbox Code Playgroud)

typescript reactjs redux react-testing-library redux-dynamic-modules

5
推荐指数
1
解决办法
2664
查看次数