Inline Styles Back

In React, inline styles are not specified as a string, but an object like this:

var divStyle = {
    color: 'black',
    backgroundImage: 'url(' + imgUrl + ')',
    WebkitTransition: 'all',
    msTransition: 'all'
};

ReactDOM.render(
    <div style={divStyle} >Hello World!</div>,
    document.getElementById('content')
);

Style keys are camelCased in order to be consistent with accessing the properties on DOM nodes from JS. However, Vendor prefixes other than ms should begin with a capital letter. This is why WebkitTransition has an uppercase "W".

results matching ""

    No results matching ""