Тип TypeScript для пути маршрута React Router?

Question

Я использую React Router с TypeScript. Как я могу использовать enum для path реквизита?

enum paths = "page-1" | "page-2"

interface Props extends RouteComponentProps<MatchParams> {}

const App = () => {
  return (
    <Switch>
      <Route path="/page-1">
        <Page1 />
      </Route>
      <Route path="/page-2">
        <Page2 />
      </Route>
    </Switch>
  )

Answer 1

Использовать строковые перечисления!

https://www.typescriptlang.org/docs/handbook/enums.html#string -enums

enum paths = {
  page1= "page-1"
  page2= "page-2"
}

const App = () => {
  return (
    <Switch>
      <Route path={paths.page1}>
        <Page1 />
      </Route>
      <Route path={paths.page2}>
        <Page2 />
      </Route>
    </Switch>
  )