如何在 html 页面中嵌入 React 组件

Question

我想构建一个 React 组件，例如

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

并像使用它一样

<MyComponent></MyComponent>

在几个不同的页面中，甚至在单个 html 页面中多次。

我不想创建 SPA 只是为了使用 React 组件增强我的 Web 应用程序的 UI。

Answer 1

使用

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

您可以像这样在 HTML 中呈现：

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