reactjs - 如何在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>