(реагировать-маршрут) Вложенный маршрут показывает 404, не найденный при посещении URL-адреса

#reactjs #react-router

Вопрос:

Я новичок в react и react-route, и я следил за документацией о том, как использовать вложенные маршруты для использования в проекте, который я в настоящее время выполняю, ниже приведен мой код:

[App.js файл]

          <Router>
            <Switch>
                <Route exact path="/">
                    <Index />
                </Route>
                <Route path="/counsellor">
                    <Counsellor />
                </Route>
            </Switch>
            <Footer />
        </Router>
 

[Counsellor.js файл]

 let { path, url } = useRouteMatch();

return (
    <Switch>
        <Route exact path={path}>
            <Index />
        </Route>
        <Route exact path={`${path}/profile`}>
            <div>Test</div>
        </Route>
    </Switch>
);
 

«Путь={путь}» работает нормально, но «путь={ ${path}/profile }» показывает, что 404 не найдено.

P.S. Проект, который я создаю, использует Laravel, React.js, Материальная реакция и некоторые другие вещи, и я все еще изучаю все эти вещи по пути.

Комментарии:

1. Используете ли вы <Ссылку> для перехода к вложенному маршруту (<Ссылка> path={`${path}/profile`} )?

2. Нет, я не использую ссылку для перехода к вложенному маршруту.

3. Может быть, именно по этой причине