反应多个dom集成

Question

我是Reactjs的新手。我要嵌入另一个网站，其中有两个带有不同参数的选项卡的React网站，当我不得不转到第二个选项卡时，出现Material-UI错误：

  

我们发现了比创建类名更多的东西   发电机。您只能在客户端上使用一个类名生成器   侧。否则，您将冒上课冲突的风险   产品名称。

let shadowRoot = this.attachShadow({mode: 'open'});
      shadowRoot.appendChild(template.content.cloneNode(true));

      const jssInsertionPoint = document.createComment('jss-insertion-point');
      shadowRoot.appendChild(jssInsertionPoint);
      console.log(shadowRoot,"shadowRoot");
      const mountPoint = document.createElement('div');
      mountPoint.id = "test";
      mountPoint.style.minHeight = '800px';
      shadowRoot.appendChild(mountPoint);


      const generateClassName = createGenerateClassName();
      const jss = create(jssPreset());
      jss.options.insertionPoint = jssInsertionPoint;


      ReactDOM.render(
        <JssProvider jss={jss} generateClassName={generateClassName}>
          <Provider store={store}>
            <Routes type={division}/>
          </Provider>
        </JssProvider>, 
        mountPoint
      );
      retargetEvents(shadowRoot);
    }