Antd，表单，没有标签，但我想显示所需的红色标记

Question

我在我的 reactjs 项目中使用 Ant design。没有标签，设计更好，但所需的红色标记消失了。如果可能的话，我想要它。

谢谢

<Form
  name="normal_login"
  className="login-form"
  initialValues={{ remember: true }}
  onFinish={onFinish}
>
  <Form.Item
    name="username"
    rules={[{ required: true, message: 'Please input your Username!' }]}
  >
    <Input prefix={<UserOutlined className="site-form-item-icon" />} placeholder="Username" />
  </Form.Item>
  <Form.Item
    name="password"
    rules={[{ required: true, message: 'Please input your Password!' }]}
  >
    <Input
      prefix={<LockOutlined className="site-form-item-icon" />}
      type="password"
      placeholder="Password"
    />
  </Form.Item>
  <Form.Item>
    <Form.Item name="remember" valuePropName="checked" noStyle>
      <Checkbox>Remember me</Checkbox>
    </Form.Item>

    <a className="login-form-forgot" href="">
      Forgot password
    </a>
  </Form.Item>

  <Form.Item>
    <Button type="primary" htmlType="submit" className="login-form-button">
      Log in
    </Button>
    Or <a href="">register now!</a>
  </Form.Item>
</Form>

Answer 1

可能我的解决方案不够好。但无论如何它有效

<Form.Item
  label={<span></span>}
  name="name"
  rules={[{ required: true, message: "This field is required" }]}
>
  <Input />
</Form.Item>

只是对 css

隐藏它

.ant-form-item-required span {
  display: none;
}

.ant-form-item-required:after {
  display: none;
}

Antd，表单，没有标签，但我想显示所需的红色标记

Antd, Form, No label but I want to display required red mark

antd

ant-design-pro