reactjs - 如何在HTML页面中嵌入React组件

我想构建一个像这样的React组件

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

并像这样使用

<MyComponent></MyComponent>

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

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

最佳答案

用

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

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

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

关于reactjs - 如何在HTML页面中嵌入React组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/46853431/