Блог

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

1. index.js
2. Globe.js
3. Space.js
4. Главная App.js
5. Выведите 1 перед нажатием кнопки
6. После нажатия кнопки

кто-нибудь может мне помочь с этим

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

Вам нужно удалить <App /> строку из index.js файла и вместо этого добавить новый маршрут внутри Switch , как показано ниже:

 <Route exact path="/" component={App} />
 

я удалил app.js файл и ссылка, связанные с этим, а затем выполнили следующее

спасибо, брат саурабх, за руководство 🎉❤