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

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

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

# react-router
Источник
  • 1
    как вы переходите на новую страницу через код? React Router?
Codelisting
за 1 против

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

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

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

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

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

Codelisting
Популярные категории
На заметку программисту