Estoy usando React Router Dom versión 5 con React v 17 y con TypeScript. Estoy tratando de averiguar cómo usar el objeto de match . Hasta ahora tengo:
import { BrowserRouter, Route, Switch, match } from 'react-router-dom'; interface DetailsProps { match?: match<string> ; } const Routing: React.FunctionComponent<DetailsProps> = (props: DetailsProps) => { const match = props.match; // more routes here <Route path={`${match.url}`} render={() => <Component/>} /> }Aparece el error: el objeto es posiblemente 'indefinido'.
¿Alguna idea de por qué? esta mal el tipo?
Puedes importarlo:
import { match } from 'react-router-dom';Su interfaz dice que la match es un parámetro opcional y puede no estar undefined
interface DetailsProps { match?: match<string> ; } ¿Quitando ? marque lo hará obligatorio:
interface DetailsProps { match: match<string> ; }