【Ant Design】Form.Item创建自定义表单

一、概述

Antd是一个非常强大的UI组件库，里面的Form表单组件也基本能满足我们大多数场景。但是也有需要自定义表单的场景。

• Vue2里我们使用v-model，结合子组件的model属性，来实现自定义组件的双向绑定。

• Vue3里我们使用v-model，结合子组件的update:modelValue来实现同样功能。

• 到了React+Antd中，我们采用引用父组件默认传入onChange事件，子组件调用来实现。

二、开发实现

1、代码

父组件代码：

import { Button, Space, Form, Input, Radio, Switch } from "antd";
import MyBtns from "./components/myBtns";
import { useState, useEffect } from "react";

function Index() {
    const [form] = Form.useForm();
    const [formData, setFormData] = useState