Удалить маржу с тела в React - PullRequest
Новая
       0

Удалить маржу с тела в React

0 голосов
/ 03 марта 2020

Я новичок в React и в настоящее время в процессе создания веб-сайта, однако я не могу избавиться от края тела. Мой css внутри индекса. js компонента и выглядит так: 

            <style jsx>{`
         body{
             margin: 0px;
             padding: 0px;
         }
        `}</style>

Ответы [ 3 ]

1 голос
/ 03 марта 2020

Вы должны использовать global с jsx style 

<div>
    <style jsx global>{`
      body {
        margin: 0px;
        padding: 0px;
      }
    `}</style>
  </div>
1 голос
/ 03 марта 2020

Где ваш root определен? Если он находится внутри тела, у вас не будет доступа к элементу тела. Добавьте его к своему css или в виде встроенного стиля в своем индексе. html.

Встроенный индекс. html

<body style="margin: 0px; padding: 0px;">
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
</body>

CSS

body {
    margin: 0px;
    padding: 0px;
}
0 голосов
/ 03 марта 2020

Спасибо за ваш ответ, но я только что понял. Проблема в том, что я использую Next. js, что означает, что у меня нет тега body, поскольку он не предоставляется функцией "pages" из Next. Решением для меня было добавить «глобальный» атрибут в jsx, который дает мне необходимый доступ.
Точно так же: 

   <style jsx global>{`
         body{
             margin: 0px;
             padding: 0px;
         }
        `}</style>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...