Переход на новую страницу с новым контентом и новым CSS в React

Question

Переход на новую страницу с новым контентом и новым CSS в React

Я полный новичок в ReactJS. В настоящее время я разрабатываю веб-сайт с его использованием и в настоящее время работаю через localhost. Моя главная страница находится на localhost: 3000, и я хочу перейти на localhost: 3000 \ University (для этого я разработал отдельный файл University.js).

При переходе к содержимому этого файла он перекрывается с существующим содержимым (то есть с содержимым localhost: 3000). Есть ли способ показать новый контент без наложения, а также с отдельным CSS. Любая помощь могла бы быть полезна.

# reactjs react-router

Gh05d05 апр. 2020, в 19:36

Источник

1

как вы переходите на новую страницу через код? React Router? Jnl 05 апр. 2020, в 20:02

Поделиться в социальных сетях:

Скопировать адрес страницы:

Ответы 1

Смежные вопросы

как вы переходите на новую страницу через код? React Router?

brc-dd · Answer 1 · 2020-04-05T16-59-42.000Z

На самом деле, я не понимаю, что вы имеете в виду под «перекрывающимся содержанием»! Для части css, возможно, вы ищете что-то вроде «локальных таблиц стилей», также известных как «модули css».

В этом ответе есть пример использования локальной таблицы стилей для каждого компонента. Кроме того, существуют различные библиотеки, упомянутые в этом посте , которые могут вам пригодиться.

Прочтите эту статью и обратите внимание на метод 4 там. Модули CSS - одно из лучших решений, если вы столкнулись с перекрытием CSS.

PS: react-native и react-js - два разных тега!

Если у вас есть сомнения, то здесь вы можете понять, как реагировать на маршрутизацию. (Упоминание об этом из-за тега!)