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

要使用AntDesign的Form.Item組件的noStyle屬性，可以在Form.Item組件中添加noStyle屬性，并將其設(shè)置為true。這樣就可以在不影響布局的情況下隱藏或修改表單項的樣式。

以下是一個示例代碼：

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!' }]}
        noStyle  // 添加noStyle屬性
      >
        <Input />
      </Form.Item>

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

      <Form.Item noStyle>  // 添加noStyle屬性
        <Button type="primary" htmlType="submit">
          Submit
        </Button>
      </Form.Item>
    </Form>
  );
};

export default MyForm;

在上面的示例中，我們?yōu)楸韱蔚挠脩裘兔艽a字段添加了noStyle屬性，這樣這兩個字段就不會受到默認(rèn)的樣式影響。同時，我們還為提交按鈕添加了noStyle屬性，這樣可以使按鈕和表單項在同一行顯示，而不是默認(rèn)的每個表單項占據(jù)一行。