Блог

Главная - Вопросы по программированию - Этот маршрут не работает, и я не могу понять, почему

Этот маршрут не работает, и я не могу понять, почему

#reactjs #react-typescript

Вопрос:

Я только начал использовать React-маршрутизатор и не могу понять, почему он не работает.

Вот мое приложение.tsx

 function App() {
  return (
    <Container className="App">
      <Router>
        <Route exact path='/'>
         <Link to="/pointAndClick">joc pointAndClick</Link><br/>
         <Link to="/draggable">joc draggable</Link>
        </Route>
        <Route path="/pointAndClick">
          <PointAndClickGame/>
        </Route>
        <Route path="/draggable">
          <DraggableGame/>
        </Route>
      </Router>
      </Container>   
  );
}

и вот моя точка зрения и Clickgame.tsx

 return (
        <div className="PointAndClickGame">
            <Menu />
            <Switch>
                <Route path="/" exact component={() => <GameStart setExitGameHandler={setExitGameHandler}/>} />
                <Route path="/gamefinish" component={() => <GameFinish/>} />
            </Switch>
        </div>
    );

когда я пытаюсь

 http://localhost:3000/pointAndClick 
http://localhost:3000/pointAndClick/
http://localhost:3000/pointAndClick/gamefinish
http://localhost:3000/pointAndClick/gamefinish/

ничего не отображается (кроме компонента меню), и я не понимаю, почему.

Я ожидал, что любой из путей сработает, но это не так.

Метки: , ,