时间戳

首页 > 解决方案 > Ant 设计表单问题

javascript - Ant 设计表单问题

问题描述

我正在尝试使用 ant design 构建一个可编辑的表格。完全通过 ant design 的文档进行检查，会发生错误。
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()

解决方案可能是什么？
注意我的 ant 设计版本是'^3.26.12'

标签： javascriptreactjsantd

解决方案

您正在使用 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）

推荐阅读