如何为 redux 表单 select 字段提供默认值和占位符？

Question

我有 redux 表单选项的数组迭代选项...我将如何给出默认值和占位符，因为它显示不需要的数组的第一个值...我想改为显示占位符

  <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>

Answer 1

您可以执行以下操作

<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: 抱歉，如果格式不对。我正在用 phone 打字。

Answer 2

使用 Redux 表单，多个 select 字段，并异步加载选项 - 我遇到了问题，选择的答案在 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>

如何为 redux 表单 select 字段提供默认值和占位符？

How to give default value and placeholder to redux form select field?

javascript

reactjs

redux-form