Advanced form problems in ant-design-pro

ant-design-pro , the toggleEditable function triggered by clicking in the advanced form TableForm.js , how to add editable: true to newData. Please explain const newData = data.map (item = > ({.item}));

)
     toggleEditable = (e, key) => {
        e.preventDefault();
        const { data } = this.state;
        const newData = data.map(item => ({ ...item }));
        const target = this.getRowByKey(key, newData);
        if (target) {
          // 
          if (!target.editable) {
            this.cacheOriginData[key] = { ...target };
          }
          target.editable = !target.editable;
          this.setState({ data: newData });
        }
      };
Sep.08,2021

// datanewData

    const newData = data.map(item => ({ ...item }));

// getRowByKeynewDatadatakeykeytarget

    const target = this.getRowByKey(key, newData);

// target.editabledata

    newData.push({key: `NEW_TEMP_ID_${this.index}`,workId: '',name: '',department: '', editable: true, isNew: true,});
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1ea858c-4f39b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1ea858c-4f39b.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?