React DOM Elements: style

const divStyle = {
  color: 'blue',
  backgroundImage: 'url(' + imgUrl + ')',
};

function HelloWorldComponent() {
  return <div style={divStyle}>Hello World!</div>;
}

The style attribute accepts a JavaScript object with camelCased properties rather than a CSS string.

This is consistent with the DOM style JavaScript property, is more efficient, and prevents XSS security holes.

React DOM Elements: style — Structure map

Clickable & Draggable!

React DOM Elements: style — Related pages: