小编MrG*_*Man的帖子

如果我想使用不是单个页面的reactjs来创建Web应用程序。我是否应该将所有的React代码编译到一个文件中并将其加载到应用程序的所有页面上，然后使用我公开的函数来呈现必要的组件？

html文件示例

<div id="Clock" data-react="Clock"></div>
<div id="HelloWorld" data-react="HelloWorld"></div>

index.js的示例

import React from 'react';
import ReactDOM from 'react-dom';
import Clock from './Clock';
import HelloWorld from './HelloWorld';
import OtherComponent from './OtherComponent';

const APPS = {
    Clock,
    HelloWorld,
    OtherComponent
};

const MyReactRender = react => {

    let component = react.getAttribute('data-react');
    let App = APPS[component];

    if(App != undefined) {
        ReactDOM.render(<App />, document.getElementById(component));
    }
}

document.querySelectorAll('[data-react]').forEach(MyReactRender);