You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
1.5 KiB
1.5 KiB
| id | title | layout | permalink | next | prev |
|---|---|---|---|---|---|
| inline-styles-ru-RU | Встроенные стили | tips | tips/inline-styles-ru-RU.html | if-else-in-JSX-ru-RU.html | introduction-ru-RU.html |
В React, встроенные стили не указываются в виде строки. Вместо этого они определяются как объект, ключ которого является camelCase версией названия стиля, а значение которого является значением стиля, обычно строкой (подробнее об этом далее):
var divStyle = {
color: 'white',
backgroundImage: 'url(' + imgUrl + ')',
WebkitTransition: 'all', // обратите внимание на заглавную 'W'
msTransition: 'all' // 'ms' это единственный префикс в нижнем регистре
};
ReactDOM.render(<div style={divStyle}>Hello World!</div>, mountNode);
Ключи стиля указываются в camelCase, в прямом соответствии с названиями свойств DOM-узлов в JS (например, node.style.backgroundImage). Префиксы отличные от ms должны начинаться с заглавной буквы. Вот почему у WebkitTransition в верхнем регистре "W".