什么是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接口定义。

RouteComponentProps道具类型定义可能已经是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;
}

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