fix: 删除ts

src/pages/GoodsManage/createModal/index.jsx

@@ -710,7 +710,7 @@ class goodsManage extends Component {
                 </Col>
                 {specListData.length
                   ? specListData.map((item, index) => (
-                      <Col span={24}>
+                      <Col key={item.specId} span={24}>
                         <FormItem label={item.specName} labelCol={{ span: 2 }}>
                           {getFieldDecorator(`${item.specId}`, {
                             initialValue: initData[item.specId],

src/pages/ServiceGoods/components/EditFormTable.jsx

 import { InputNumber, Button, Form, Table } from 'antd';
-import React, { useContext, createContext, useEffect, useState, forwardRef, useImperativeHandle } from 'react';
+import React, {
+  useContext,
+  createContext,
+  useEffect,
+  useState,
+  forwardRef,
+  useImperativeHandle,
+} from 'react';
 import { ServiceContext } from '../context';
 
 const EditableContext = createContext(null);
 
-const EditableRow= ({ index, ...props }) => {
-  // console.log('==========> index', props);
-  // const [form] = Form.useForm();
-  // console.log('==========>props', props)
-  return (
-    // <Form form={form} component={false}>
-    //   <EditableContext.Provider value={form}>
-        <tr {...props} />
-      // </EditableContext.Provider>
-    // </Form>
-  );
-};
-
-
-const EditableCell = (props) => {
+const EditableRow = ({ index, ...props }) => <tr {...props} />;
+const EditableCell = props => {
   const {
     rowIndex,
     title,
@@ -30,7 +24,7 @@ const EditableCell = (props) => {
     ...restProps
   } = props;
 
-  const form = useContext(EditableContext)!;
+  const form = useContext(EditableContext);
   const save = async () => {
     try {
       const tableList = form.getFieldValue('tableList');
@@ -40,22 +34,19 @@ const EditableCell = (props) => {
     }
   };
 
-  let childNode = children;
-    childNode = <Form.Item
+  const childNode = (
+    <Form.Item
       style={{ margin: 0 }}
       name={['tableList', rowIndex, dataIndex]}
-      rules={[{ required: true, message: `${title} is required.` }]}>
+      rules={[{ required: true, message: `${title} is required.` }]}
+    >
       {editable ? <InputNumber onBlur={save} /> : children[1]}
     </Form.Item>
+  );
   return <td {...restProps}>{childNode}</td>;
 };
 
-
-
-
-
 const EditFormTable = forwardRef((props, ref) => {
-
   const { initData, defaultColumns, setTableData, mergeTable } = props;
   const customer = useContext(ServiceContext);
   const [dataSource, setDataSource] = useState([]);
@@ -66,7 +57,7 @@ const EditFormTable = forwardRef((props, ref) => {
       tableList: initData,
     });
     setDataSource(initData);
-  }, [initData])
+  }, [initData]);
 
   const handleAdd = async () => {
     try {
@@ -77,11 +68,10 @@ const EditFormTable = forwardRef((props, ref) => {
     }
   };
 
-  const handleSave = (row) => {
+  const handleSave = row => {
     setTableData([...row]);
   };
 
-
   const onCheck = async () => {
     try {
       const values = await form.validateFields();
@@ -96,15 +86,10 @@ const EditFormTable = forwardRef((props, ref) => {
     form,
   }));
 
-
   // 根据这里做判断渲染表格
   const columns = defaultColumns
-    .filter(item => {
-      // console.log('===============>column', item);
-      return !item.role || item.role.includes(customer.productType);
-    })
-    .map((col, colIndex) => {
-    return {
+    .filter(item => !item.role || item.role.includes(customer.productType))
+    .map((col, colIndex) => ({
       ...col,
       onCell: (record, rowIndex) => {
         let rowSpan = null;
@@ -112,7 +97,7 @@ const EditFormTable = forwardRef((props, ref) => {
           rowSpan = record.rowSpanCount || 0;
         }
 
-        return ({
+        return {
           rowSpan,
           record,
           rowIndex,
@@ -120,10 +105,9 @@ const EditFormTable = forwardRef((props, ref) => {
           dataIndex: col.dataIndex,
           title: col.title,
           handleSave,
-        });
-      }
         };
-  });
+      },
+    }));
 
   return (
     <div>
@@ -144,7 +128,9 @@ const EditFormTable = forwardRef((props, ref) => {
             columns={columns}
           />
         </EditableContext.Provider>
-        <Button onClick={handleAdd} type="primary" style={{ marginBottom: 16 }}>Add a row</Button>
+        <Button onClick={handleAdd} type="primary" style={{ marginBottom: 16 }}>
+          Add a row
+        </Button>
       </Form>
     </div>
   );