What is RouteComponentProps?

user_13466858 0
Viewed 6529

When I was searching for information about react, I saw RouteComponentProps like

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

and

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

So I searched RouteComponentProps, but given information is too fragmented. RouteComponentProps is mentioned in Q&A only briefly.

I want to know what is this. What is it for and how to use it?

Please give me advice.

react-router typescript reactjs
1 Answers

RouteComponentProps looks to be a Typescript interface definition of react-router-dom's route-props.

The RouteComponentProps prop-types definition may've been part of react-router-dom but isn't currently exported. I found the Typescript export in Definitely Typed.

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

This is just the way to define the react propTypes in Typescript, via interfaces.

user_86908570
Related