mirror of
https://github.com/reactjs/react.dev.git
synced 2026-02-22 03:42:14 +00:00
1.5 KiB
1.5 KiB
id, title, layout, permalink, next, prev
| 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".