元数据映射配置

src/view/Feign/api-config.jsx

 import React from "react";
 import APIConfigModal from "../Manage/DatasourceManage/Component/APIConfigModal";
+import { dispatch } from '../../model';
 
 const FC = (props) => {
-  const { metadataId, onCancel } = props
+  const { metadata, onCancel } = props
   const [configParams, setConfigParams] = React.useState({
     visible: false,
     id: undefined
   })
 
   React.useEffect(() => {
-    if (metadataId) {
+    if (metadata) {
+      getDatasource()
+    }
+  }, [metadata])
+
+  const getDatasource = () => {
+    dispatch({
+      type: 'datasource.getDatasourceByMetadatald',
+      payload: metadata,
+      callback: data => {
         setConfigParams({
           visible: true,
-        id: metadataId,
+          id: data?.id??'',
+        })
+      }
     })
   }
-  }, [metadataId])
 
   return (
     <APIConfigModal

src/view/Feign/etl-config.jsx

 import React from "react";
 import ETLConfigModal from "../Manage/DatasourceManage/Component/ETLConfigModal";
+import { dispatch } from '../../model';
 
 const FC = (props) => {
-  const { metadataId, onCancel } = props
+  const { metadata, onCancel } = props
   const [configParams, setConfigParams] = React.useState({
     visible: false,
     id: undefined
   })
 
   React.useEffect(() => {
-    if (metadataId) {
+    if (metadata) {
+      getDatasource()
+    }
+  }, [metadata])
+
+  const getDatasource = () => {
+    dispatch({
+      type: 'datasource.getDatasourceByMetadatald',
+      payload: metadata,
+      callback: data => {
         setConfigParams({
           visible: true,
-        id: metadataId,
+          id: data?.id??'',
+        })
+      }
     })
   }
-  }, [metadataId])
 
   return (
     <ETLConfigModal