什么是 RouteComponentProps？

Question

当我搜索有关react的信息时，我看到了RouteComponentProps类似

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

和

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

于是我就去查了一下RouteComponentProps，但是给出的信息太零碎了。RouteComponentProps在问答中仅简要提及。

我想知道这是什么。它的用途是什么以及如何使用它？

请给我建议。

Answer 1

RouteComponentProps看起来是react-router-dom的route-props的Typescript接口定义。

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

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

这只是通过接口在 Typescript 中定义 React propTypes 的方法。