editableprotable行内数据联动，表中的商品名称字段是一个下拉框，里面的数据通过接口获取，选中某个商品名称后，会获取到此商品的价格和库存信息，如何将获取到的价格和库存信息回填至表格，实现当商品名称改变时，自动改变商品价格和商品库存

您可以通过以下步骤实现表格中商品名称字段的联动效果：

1. 使用 `editableprotable` 提供的 API 来创建表格，并将商品名称字段设置为下拉框形式。
2. 通过接口获取商品名称的数据，并将其作为下拉框的选项。
3. 监听商品名称字段的变化事件，当选中某个商品名称时，触发回调函数。
4. 在回调函数中，使用接口获取选中商品的价格和库存信息。
5. 将获取到的价格和库存信息回填至对应的列中，实现自动更新。

以下是一个示例代码，演示了如何使用 `editableprotable` 实现行内数据联动：

import { EditableProTable } from '@ant-design/pro-table';
import { Select, Input } from 'antd';

const { Option } = Select;

// 假设接口返回的数据格式为 { name: string, price: number, stock: number }
const fetchData = async (name) => {
  // 调用接口获取商品的价格和库存信息
  // 返回一个 Promise 对象，可使用 await 关键字来等待接口返回结果
}

const columns = [
  {
    title: '商品名称',
    dataIndex: 'name',
    renderFormItem: (_, { record, onChange }) => (
      <Select
        defaultValue={record.name}
        onChange={(value) => {
          // 选中商品名称时触发回调函数
          fetchData(value).then((data) => {
            // 将获取到的价格和库存信息回填至对应的列中
            onChange({ ...record, name: value, price: data.price, stock: data.stock });
          });
        }}
      >
        {/* 将接口返回的商品名称作为下拉框选项 */}
        {options.map((option) => (
          <Option key={option.name} value={option.name}>
            {option.name}
          </Option>
        ))}
      </Select>
    ),
  },
  {
    title: '商品价格',
    dataIndex: 'price',
    renderFormItem: (_, { record }) => <Input disabled value={record.price} />,
  },
  {
    title: '商品库存',
    dataIndex: 'stock',
    renderFormItem: (_, { record }) => <Input disabled value={record.stock} />,
  },
];

const ExampleTable = () => {
  return (
    <EditableProTable
      rowKey="key"
      columns={columns}
      // 其他配置项...
    />
  );
};

export default ExampleTable;

在上述示例代码中，我们通过 `renderFormItem` 属性来自定义表格中商品名称字段的编辑表单项，使用 `Select` 组件作为下拉框。当选中商品名称时，会触发 `onChange` 回调函数，该函数会调用接口获取商品的价格和库存信息，并将其回填至对应的列中。

请注意，示例代码中的 `fetchData` 函数是一个伪代码，您需要根据实际情况来实现接口调用的逻辑，并处理异步操作。另外，还需根据具体需求来完善表格的配置项和数据处理逻辑。