我正在尝试构建一个可以使用蚂蚁设计进行编辑的表。完全按照蚂蚁设计文档进行操作,会发生错误。
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'
答案 0 :(得分:3)
您正在使用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)
答案 1 :(得分:0)
尝试将您的AntD版本更新到v4.x或使用AntD v3.x的文档。 AntD v4.x使用const [form] = Form.useForm()
,而AntD v3.x使用Form.create({ name: 'form-name' })
创建表单。这是您必须更改的地方。
答案 2 :(得分:0)