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

Question

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

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

Answer 1

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

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

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

PS: реактивная и реактивная js - это два разных тега!

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