import React
from 'react'; import ReactDOM from 'react-dom'; // import SomeComponent from './components/SomeComponent'; // import AnotherComponent from './components/AnotherComponent';
const components = {
// Your components go here: // 'SomeComponent': SomeComponent, // 'AnotherComponent': AnotherComponent
}
const reactTargetDivs = document.getElementsByClassName('react-component-target');
let componentName, componentProps Array.prototype.forEach.call(reactTargetDivs, function (targetDiv) {
componentName = targetDiv.getAttribute('data-react-class') componentProps = JSON.parse(targetDiv.getAttribute('data-react-props')) ReactDOM.render( React.createElement( components[componentName], componentProps ), targetDiv )
});