如何使用AntDesign的Form.Item組件的label屬性

發(fā)布時間：2024-06-10 12:00:05 來源：億速云閱讀：460 作者：小樊欄目：web開發(fā)

要使用AntDesign的Form.Item組件的label屬性，可以在Form.Item組件中添加label屬性，并將其設置為表單項的標簽文本。示例如下：

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

const MyForm = () => {
  const onFinish = (values) => {
    console.log('Received values:', values);
  };

  return (
    <Form
      name="basic"
      initialValues={{ remember: true }}
      onFinish={onFinish}
    >
      <Form.Item
        label="Username"
        name="username"
        rules={[{ required: true, message: 'Please input your username!' }]}
      >
        <Input />
      </Form.Item>

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

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

export default MyForm;

在上面的示例中，我們在Form.Item組件中使用label屬性來設置表單項的標簽文本。在這種情況下，表單項的標簽文本分別為“Username”和“Password”。

向AI問一下細節(jié)

如何使用AntDesign的Form.Item組件的label屬性

猜你喜歡

最新資訊

相關推薦

相關標簽