hel-tpl-remote-react-comps/src/loadApp.js

最简单的远程react组件模板 codesandbox: https://codesandbox.io/s/demo-load-remote-react-comp-2bnpl0?file=/src/App.js

import React from 'react';
import ReactDOM from 'react-dom';
import * as comps from 'components';

function getHostNode(id = 'root') {
  let node = document.getElementById(id);
  if (!node) {
    node = document.createElement('div');
    node.id = id;
    document.body.appendChild(node);
  }
  return node;
}

const { REACT_APP_COMP_TYPE = 'HelloRemoteReactComp' } = process.env;
// @ts-ignore
const Comp = comps[REACT_APP_COMP_TYPE] || (() => <h1>comp {REACT_APP_COMP_TYPE} not defined</h1>);

ReactDOM.render(<Comp />, getHostNode('root'));