受控组件：

import React, { useState } from 'react';
import { Form } from 'antd';
 
const MyForm = () => { 

  const [name, setName] = useState(''); // 用于保存输入的名字

  return (  

    <Form>  

      <Form.Item>  

        <label htmlFor="name">Name:</label>  

        <input type="text" name="name" value={name} onChange={e => setName(e.target.value)} />  

      </Form.Item>  

    </Form>  ) }; export default MyForm; 

非受控组件：
javascript import React, { useRef } from 'react'; import { Form } from 'antd'; const MyForm = () => { const nameRef = useRef(); return ( <Form> <Form.Item> <label htmlFor="name">Name:</label> <input type="text" name="name" ref={nameRef} /> </Form.Item> </Form> ) }; export default MyForm;