react的antd表格数据回显在form表单中

1、首先为table添加编辑按钮
 

 {
      title: '操作',
      align: 'center',
      render: (_: any, record: any) => (
        <div style={
  
  { display: 'flex', alignItems: 'center', justifyContent: 'space-evenly' }}>
          <Button
            size="small"
            onClick={() => deitor(record)}  
            style={
  
  { marginRight: '10px', backgroundColor: '#F3F9FF' }}
            color="primary"
            variant="outlined"
            icon={<EditFilled />}
          >
            编辑
          </Button>
        </div>
      ),
    },

2、然后在用函数接过来数据,使用form.setFieldsValue({}）进行回显

function deitor(item: any) {
form.setFieldsValue({
        id: item.id,
        content: item.content,
        name: item.name,
      });
}