[英]How to give default value and placeholder to redux form select field?
我有redux形式选项的数组迭代选项...我将如何给dafault值和占位符,因为它显示了不想的数组的第一个值...我想显示占位符
<Field
name="facilityId"
component="select"
className="form-control"
placeholder="sdsfdsafjdsafijdsaoi"
>
{owners.map((data, i) => {
return (
<option value={data._id} key={i}>{data.profile.name}</option>
)
})}
</Field>
您可以执行以下操作
<ControlLabel>Patients</ControlLabel>
<Field
name="facilityId"
component="select"
className="form-control"
placeholder="sdsfdsafjdsafijdsaoi"
>
<option value="-1" disabled>Choose patient</option>
{owners.map((data, i) => {
return (
<option value={data._id} key={i}>{data.profile.name}</option>
);
})}
</Field>
<FormControl.Feedback />
PS:对不起,如果格式已关闭。 我正在用手机打字。
使用Redux形式,多个选择字段并异步加载选项-我遇到了与选择的答案在100%的时间内均不起作用的问题。 这对我来说有效。 注意,该value
""
。
<ControlLabel>Patients</ControlLabel>
<Field
name="facilityId"
component="select"
className="form-control"
placeholder="sdsfdsafjdsafijdsaoi"
>
<option value="" disabled>Choose patient</option>
{owners.map((data, i) => {
return (
<option value={data._id} key={i}>{data.profile.name}</option>
);
})}
</Field>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.