Переключение страницы без содержимого с корневой страницы React

#reactjs #react-tsx

#reactjs #react-tsx

Вопрос:

введите описание изображения здесьЯ хочу переключиться с root («/») на /login, но я хочу, чтобы содержимое корневой страницы отсутствовало в /register . Я хочу новую страницу без содержимого с корневой страницы!! Я пробовал все, что угодно!! Я больше не имею понятия; (

Может быть, вы лучше меня: D

Мой код:

 export default class App extends Component {
render() {
    return (
        <Router>
            <div>
                <Route path="/" component={Gui}/>
                <Route path="/register" component={Register}/>
            </div>
        </Router>
    );
}
  

}

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

1. Вам нужна exact поддержка

2. Попробуйте это: codesandbox.io/s/blue-https-2joju?file=/src/App.js

Ответ №1:

Я предполагаю, что вы используете react-router .

Используйте <Switch> компонент только для отображения первого соответствующего маршрута.

 return (
  <Router>
    <Switch>
      <Route path="/register" component={Register} />
      <Route path="/" exact component={Gui} />
    </Switch>
  </Router>
);