reactjs - 在必填的输入字段中将星号设为红色(React、Ant Design)
问题描述
我是编程新手,需要您的帮助。目前我正在开发我所谓的宠物项目并面临挑战。我正在使用 ReactJS 和 Ant 设计进行样式设置。所以,问题是我想在所需的输入元素中放一个红色星号作为占位符(希望我说清楚)。我找到了一些变体来使用纯 CSS 解决以下问题,但我想改用 Ant Design 组件。这是我的表单代码:
<div className="form-wrapper">
<Form {...formItemLayout} form={form} name="register" scrollToFirstError onFinish={onFinish}>
<Title level={2} className="justify-content-center register-title">
Registration
</Title>
<Form.Item
className="justify-content-center"
name="name"
rules={[
{
required: true,
message: 'Please input your nickname!',
whitespace: true,
},
]}
>
<Input className="custom-register-input" placeholder="Name *" />
</Form.Item>
<Form.Item
className="justify-content-center"
name="fullName"
rules={[
{
required: true,
message: 'Please input your full name!',
whitespace: true,
},
]}
>
<Input className="custom-register-input" placeholder="Surname *" />
</Form.Item>
<Form.Item
className="justify-content-center"
name="email"
rules={[
{
type: 'email',
message: 'The input is not valid E-mail!',
},
{
required: true,
message: 'Please input your E-mail!',
},
]}
>
<Input className="custom-register-input" placeholder="E-mail *" />
</Form.Item>
<Form.Item
className="justify-content-center"
name="password"
rules={[
{
required: true,
message: 'Please input your password!',
},
]}
hasFeedback
>
<Input.Password className="custom-register-input" placeholder="Password *" />
</Form.Item>
而且我不知道如何执行此任务((我将不胜感激您的帮助!
解决方案
推荐阅读
- typo3 - 带有 UserFunc 的 TYPO3 TCA 标签 - 如何获取 HTML 格式的标签?
- rust - 为什么 centos 在 dylib build 中包含额外的依赖项
- email - 为什么来自 web ui 和 python 代码的电子邮件内容彼此不同?
- elasticsearch - 高级 kibana / elasticsearch devtools 查询
- javascript - twilio 如何使用 PHP 和 JavaScript 从队列中选择呼叫
- python - 为python pandas中另一列中的每个唯一值的列表中每个元素的列添加行
- sql - 当您有 datetime2 列时在 SQL Server 中进行分组
- authentication - 如何使用我的 IdentityServer 自身的身份验证和授权?
- ios - ISO8601DateFormatter 返回 nil 用于从有效字符串转换为日期
- html - 按钮文本在 laravel 和 bootstrap 4 中未正确居中