Добавление новых маршрутов в ReactJS

Question

Как я могу добавить новые маршруты в реакции JS, используя приведенный ниже код?

Мне нужен маршрут, который не требует аутентификации.

ReactDOM.render(
    <Provider store={store}>
      <PersistGate loading={null} persistor={persistor}>
        <LanguageProvider messages={messages}>
          <ConnectedRouter history={history}>
            <MuiThemeProvider theme={theme}>
              <SnackbarProvider
                maxSnack={5}
                anchorOrigin={{
                  vertical: 'top',
                  horizontal: 'right',
                }}
                autoHideDuration={3000}
              >
                <App history={history} runtime={runtime} />

              </SnackbarProvider>
            </MuiThemeProvider>
          </ConnectedRouter>
        </LanguageProvider>
      </PersistGate>
    </Provider>,
    MOUNT_NODE,
  );

Большое спасибо!

Новый ученик здесь! Так взволнован, чтобы учиться.

Answer 1

Пожалуйста, проверьте базовый пример маршрутизации c здесь:

import React from "react";
import { BrowserRouter as Router, Switch,Route, Link} from "react-router-dom";

export default function BasicExample() {
  return (
    <Router>
      <div>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
          <li>
            <Link to="/dashboard">Dashboard</Link>
          </li>
        </ul>

        <hr />

        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/about">
            <About />
          </Route>
          <Route path="/dashboard">
            <Dashboard />
          </Route>
        </Switch>
      </div>
    </Router>
  );
}

function Home() {
  return (
    <div>
      <h2>Home</h2>
    </div>
  );
}

function About() {
  return (
    <div>
      <h2>About</h2>
    </div>
  );
}

function Dashboard() {
  return (
    <div>
      <h2>Dashboard</h2>
    </div>
  );
}

Источник

Answer 2

Я вижу, у вас, возможно, уже есть подключенный-реагирующий-маршрутизатор , это означает, что вы также должны использовать реагирующий-маршрутизатор . Просто добавьте свои маршруты в компонент приложения, здесь вы можете найти ясные и хорошие примеры .