У меня есть два маршрута в App.js
<Switch>
<MainRoute exact = {true} path = "/" component = {Main} />
<Route path = "/login" component = {Login} />
</Switch>
В основном компоненте у меня есть:
<div><Link to = "/reviews" /></div>
<div style = {{ height: '1000px' }}>
{/* Routes */}
<Switch>
<Route path = "/reviews" component = {Reviews} />
</Switch>
</div>
Логин и основной маршрут работают правильно, отображается ссылка. Но после перехода по ссылке страница становится пустой.
PS: Я новичок в React.





Измените свои маршруты вот так,
<Switch>
<Route path = "/login" component = {Login} />
<MainRoute path = "/" component = {Main} />
</Switch>
Сначала он будет соответствовать пути /login, а если он не будет совпадать, он будет соответствовать /. / будет соответствовать как /, так и /reviews. Тебе надо,
exact=true, чтобы / также соответствовал /reviews/ и /login, чтобы он сначала пытался сопоставить /login, а затем /
Спасибо, сработало