How to embed React Components in html pages

Question

I want build a React component like

class MyComponent extends React.Component {
    render(){
        return (<div>This is a simple component</div>);
    }
}

and use it like

<MyComponent></MyComponent>

in several different pages and even multiple times in a single html page.

I dont want to create a SPA just to enhance my web application's UI with React components.

Answer 1

Use

ReactDOM.render(<MyComponent />, document.getElementById('id'));

You can render in your HTML like this:

<div id="id"></div>