Antd-ProComponents中的 EditableProTable编辑时怎么实现联动

在Antd-ProComponents中的EditableProTable中，要实现数据编辑的联动，主要是通过`Form`组件结合`ProTable`的`onCell`回调函数来完成。`EditableProTable`本身是由表格和表单组件组成的，可以让你在单元格级别对数据进行增删改查操作。

以下是步骤：

1. 首先，在`<ProTable>`内设置`onCell`属性，这个属性会提供当前行的数据以及当前单元格的编辑状态。你可以在这个回调里获取到需要联动的字段，并处理编辑事件。

import { Form } from 'antd';
import { EditableProTable } from '@ant-design/pro-table';

const EditableRow = Form.create()(EditableProTableRow);
function EditableProTableRow(record) {
  // ...
}

<EditableProTable
  // ...
  onCell={record => ({
    // 在这里监听cell的改动，例如一个字段关联了另一个字段
    onEdit({ record, changedData }) {
      // 如果你想让某个字段联动更新，可以在这里处理
      if (changedData.fieldThatNeedsToChange) {
        // 获取其他联动字段的值并更新
        const valueFromAnotherField = ...; // 更新逻辑
        changedData.anotherField = valueFromAnotherField;
      }
    },
  })}
  // ...
/>

2. 当用户修改了第一个字段，`onEdit`会被触发，你可以在这里根据`changedData`检查是否需要联动更新关联的字段。

3. 确保在`Form`的`validateFields`、`resetFields`等生命周期方法中同步这两个字段的变化，保持数据的一致性。