蚂蚁设计表格问题

Question

我正在尝试构建一个可以使用蚂蚁设计进行编辑的表。完全按照蚂蚁设计文档进行操作，会发生错误。
Form.useForm()不是函数

这是我的代码：

import React, { Component } from "react"
import { Table, Input, Button, Form } from "antd"

const EditableContext = React.createContext()

const EditableRow = ({ index, ...props }) => {
  const [form] = Form.useForm()
  return (
    <Form form={form} component={false}>
      <EditableContext.Provider value={form}>
        <tr {...props} />
      </EditableContext.Provider>
    </Form>
  )
}

...

我想问题出在这里： const [form] = Form.useForm()

可能是什么解决方法？
NB 我的蚂蚁设计版本是'^ 3.26.12'

Answer 1

您正在使用AntD v3，并使用v4文档。您应该为此使用v3的文档：https://3x.ant.design/docs/react/introduce

在这里您可以找到有关以下表格的信息：https://3x.ant.design/components/form/

https://ant.design/components/form/v3-用于从v3迁移到v4（如果要使用Form.useForm）

Answer 2

尝试将您的AntD版本更新到v4.x或使用AntD v3.x的文档。 AntD v4.x使用const [form] = Form.useForm()，而AntD v3.x使用Form.create({ name: 'form-name' })创建表单。这是您必须更改的地方。

Answer 3

将v3升级到v4，并且v4的形式很漂亮