使用Typescript未定义React路由器匹配

npm install react-router-dom @types/react-router-dom

import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './components/Home';
import About from './components/About';

const AppRouter: React.FC = () => {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </Switch>
    </Router>
  );
};

export default AppRouter;

import { useRouteMatch } from 'react-router-dom';

const About: React.FC = () => {
  const match = useRouteMatch();

  // 使用match对象获取路由参数等信息
  // ...

  return (
    <div>
      <h2>About Page</h2>
    </div>
  );
};

export default About;