如何使用AntDesign的Form.Item组件的extra属性

Ant Design的Form.Item组件的extra属性用于在表单项下方显示一段额外的提示文本。使用extra属性可以提供更多的信息或者帮助用户更好地理解表单项。要使用extra属性，只需在Form.Item组件中设置extra属性的值为要显示的文本即可。

例如，以下是一个简单的示例代码，演示如何在Ant Design的Form.Item组件中使用extra属性：

import { Form, Input, Button } from 'antd';

const MyForm = () => {
  return (
    <Form>
      <Form.Item
        label="Username"
        name="username"
        rules={[{ required: true, message: 'Please input your username!' }]}
        extra="Please enter your username. It should be unique."
      >
        <Input />
      </Form.Item>

      <Form.Item
        label="Password"
        name="password"
        rules={[{ required: true, message: 'Please input your password!' }]}
        extra="Please enter your password. Make sure it's secure."
      >
        <Input.Password />
      </Form.Item>

      <Form.Item>
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

在上面的示例中，我们在两个Form.Item组件中分别设置了extra属性，为用户提供了关于用户名和密码的一些额外提示信息。用户在填写表单时，可以看到这些提示信息，帮助他们更好地理解表单项。