<div id="a"></div>
<div id="b"></div>
<div id="c"></div>
.my-first-component p {
color: blue;
}
var App = React.createClass({
displayName: 'App',
render: function render() {
return React.createElement(
'div',
{ className: 'my-first-component' },
React.createElement(
'p',
null,
'Hello World'
)
);
}
});
ReactDOM.render(React.createElement(App, null), document.querySelector('#a'));
ReactDOM.render(React.createElement(App, null), document.querySelector('#b'));
ReactDOM.render(React.createElement(App, null), document.querySelector('#c'));
This Pen doesn't use any external CSS resources.