reactjs - 什么是 RouteComponentProps？

Question

在搜索react的资料时，看到RouteComponentProps之类的

import { RouteComponentProps } from 'react-router-dom';
const ~~~: React.FC<RouteComponentProps>

和

class BookingSiteOverview extends React.Component<RouteComponentProps<{}>

所以我搜索了RouteComponentProps，但是给出的信息太零散了。 RouteComponentProps 在 Q&A 中只是简单提及。

我想知道这是什么。它的用途和使用方法是什么？

请多多指教。

Answer 1

RouteComponentProps 看起来是 react-router-dom 的 route-props 的 Typescript 接口(interface)定义.

RouteComponentProps prop-types 定义可能是 react-router-dom 的一部分，但当前未导出。我在 Definitely Typed 中找到了 Typescript 导出.

export interface RouteComponentProps<Params extends { [K in keyof Params]?: string }> {
  match: match<Params>;
  location: H.Location;
  history: H.History;
  staticContext?: any;
}

这只是通过接口(interface)在 Typescript 中定义 react propTypes 的方法。