import React from 'react' import ReactDOM from 'react-dom'
const getProps = (container) => {
const propsString = container.getAttribute("data-react-props") const props = propsString ? JSON.parse(propsString) : null return props
}
export const registerComponent = (instance, containerName) => {
const selector = `[data-react-container=${containerName}]` const containers = document.querySelectorAll(selector) for (let i = 0; i < containers.length; ++i) { let container = containers[i]; const props = getProps(container) const element = React.createElement(instance, props) ReactDOM.render(element, container) }
}