父应用展示子应用弹窗

src/App.js

@@ -15,8 +15,20 @@ import AssetBrowse from './view/Manage/AssetBrowse';
 import AssetRecycle from './view/Manage/AssetRecycle';
 import DatasourceManage from './view/Manage/DatasourceManage';
 
+import ImportModal from './view/Manage/Model/Component/ImportModal';
+
 export default class App extends React.Component {
+
   render() {
+    const { message, callback } = this.props;
+
+    if (message === 'showDataModelDetail') {
+      return  <ImportModal 
+        visible={true} 
+        onCancel={callback}
+      />;
+    }
+
     return (
       <React.Fragment>
          <Router basename={window.__POWERED_BY_QIANKUN__ ? '/data-govern' : '/'}>
@@ -30,6 +42,7 @@ export default class App extends React.Component {
             <Route path={'/center-home/view/asset-manage'} component={AssetManage} exact />
             <Route path={'/center-home/view/asset-browse'} component={AssetBrowse} exact />
             <Route path={'/center-home/view/asset-recycle'} component={AssetRecycle} exact />
+            <Route path={'/center-home/data-modal-detail'} component={AssetRecycle} exact />
           </Switch>
         </Router>
       </React.Fragment>

src/index.js

@@ -11,17 +11,15 @@ import App from './App'
 
 import './index.less';
 
-const app = (
-  //解决主次应用样式冲突
-  //https://qiankun.umijs.org/faq#how-to-guarantee-the-main-app-stylesheet-isolated-with-sub-apps
-  <ConfigProvider locale={zh_CN} prefixCls="yy">
-    <Provider store={store}><App /></Provider>
-  </ConfigProvider>
-);
-
 function render(props) {
-  const { container } = props;
-  ReactDOM.render(app, container ? container.querySelector('#root') : document.querySelector('#root'));
+  const { container, ...restProps } = props;
+  ReactDOM.render(
+    //解决主次应用样式冲突
+    //https://qiankun.umijs.org/faq#how-to-guarantee-the-main-app-stylesheet-isolated-with-sub-apps
+    <ConfigProvider locale={zh_CN} prefixCls="yy">
+      <Provider store={store}><App {...restProps} /></Provider>
+    </ConfigProvider>, 
+    container ? container.querySelector('#root') : document.querySelector('#root'));
 }
 
 function storeTest(props) {