У меня есть два маршрута в моем приложении React: /a
и /b
.
Для /a я хочу, чтобы тег body
css имел background-color: red;
.
Для /b я хочу, чтобы тег body
css имел background-color: blue;
.
Оба компонента a
и b
живут в разных файлах .JSX, и оба импортируют собственный файл main.scss
, который определяет их собственный body
background-color
.
Однако, поскольку все приложение скомпилировано в тег body
, кажется, что существует конфликт, и только один из тегов body
соблюдается для обоих маршрутов.
<body>
<script src="bundle.js" type="text/javascript"></script>
</body>
Причина, по которой я хочу использовать тег body
, а не только контейнер div, заключается в том, что я хочу, чтобы background-color
был видимым, когда я просматриваю границы страницы (эффект отскока на Mac и iOS).
Каков правильный способ сделать это?