Question

我已经用react-select和Formik编写了代码。我将useField()用于选择组件，但是当我尝试更改默认值时，我得到了空的选择值。

const SelectField = ({ name, ...selectProps }) => {
  const [field, meta, helpers] = useField(name)

  return (
    <Select
      value={field.value}
      onChange={(v) => helpers.setValue(v)}
      onBlur={() => helpers.setTouched(true)}
      {...selectProps}
    />
  )
}

然后这是我对该组件的实现

<SelectField
name="category"
defaultValue={values.category.map((c) => {
  console.log(c)
  return {
    value: c,
    label: c,
  }
})}
closeMenuOnSelect={false}
components={animatedComponents}
isMulti
options={categories.map((c) => {
  return {
    value: c.name,
    label: c.name,
  }
})}
/>

假定values.category是类别数据中的某个值。

Answer 1

将该选择项的值更改为4

field.defaultValue

默认值不适用于react-select和Formik

1 个答案: