CodePen React Code не удалось загрузить мой градиентный фон

Question

Я постараюсь сделать это как можно более описательным.Ссылка на CodePen: https://codepen.io/Yosharu/pen/morErw

Моя проблема заключается в том, что мой фон (и некоторые другие CSS-элементы) не загружаются в моем коде, в результате фон остается белым, а текст смещен от центра и все.

Вот строка с моим градиентным фоном: 66

background: linear-gradient(90deg, #77c9d4, #57bc90);

Вот как это должно выглядеть:

Answer 1

'class' - зарезервированное слово в JavaScript. Чтобы применить класс CSS, вы должны использовать className

Answer 2

Вам необходимо использовать атрибут React className в функции render () для элемента body.

Пример:

<div className="body">...</div>

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

ReactJS className

Чтобы указать класс CSS, используйте атрибут className. Это относится ко всем обычным элементам DOM и SVG, таким как

, и другие.

Обновлен CodePen