В React атрибут style принимает объект JavaScript со свойствами в формате camelCase вместо строки CSS. Этот подход более эффективен и предотвращает уязвимости XSS.
Свойства стилей должны быть написаны в формате camelCase, чтобы соответствовать соглашениям свойств DOM в JavaScript. Например:
backgroundColor вместо background-colorbackgroundImage вместо background-imagefontSize вместо font-sizeconst divStyle = {
color: 'blue',
backgroundImage: 'url(' + imgUrl + ')'
};
function HelloWorldComponent() {
return <div style={divStyle}>Hello World!</div>
}
node.style.backgroundColor)Стили можно задавать несколькими способами:
Соглашение camelCase гарантирует, что инлайн-стили будут корректно работать в рамках подхода React к стилизации на основе JavaScript.
В React атрибут style принимает JavaScript объект со свойствами в camelCase, что предотвращает XSS уязвимости по сравнению с подходами на основе CSS строк.
Новый — ещё не проверен сообществом
Вы