设置“multiple”时出现错误下拉“value”必须是一个数组答案

【问题标题】：getting error Dropdown `value` must be an array when `multiple` is set设置“multiple”时出现错误下拉“value”必须是一个数组
【发布时间】：2019-08-01 12:54:58
【问题描述】：

我收到了这个错误

**Dropdown `value` must be an array when `multiple` is set.**

我在语义 UI 反应中使用 multiselect dropdown。当我运行我的应用程序时出现错误

设置multiple时，下拉value必须是一个数组。

这是我的代码 https://codesandbox.io/s/optimistic-field-56zpm

<RFField
              component={SingleSelectAutoComplete}
              label="I agree to the Terms and Conditions"
              name="dropdown"
            />

API

https://react.semantic-ui.com/modules/dropdown/#types-clearable-multiple

【问题讨论】：

问题是RFField 传入props.input.value 一个对象，而它应该是一个对象数组。如果您可以将RFField 的默认值设置为对象数组，那么它是固定的。
如何解决这个问题？
Idk，我不熟悉react-final-form 或semantic-ui。我知道是什么导致了错误，但现在这些包是如何工作的。如果有熟悉的人提出这个问题，也许知道问题将有助于解决问题。
错误本身就是在喊问题。
第二：当multiple被设置时，下拉value必须是一个*array*。接收类型：*[object String]*，是的，您传递了一个数组，但它是一个以字符串为值的对象。它必须是字符串数组

标签： reactjs semantic-ui react-final-form final-form

【解决方案1】：

控制台中的错误非常清楚您需要更改的内容。

查看第一条消息：

下拉道具“值”是自动控制的。指定 defaultValue 或 value，但不能同时指定。

由于您使用的是表单管理器（react-final-form），因此字段值由表单组件管理。所以你应该从 Dropdown 组件中删除 defaultValue 属性：

      <Dropdown
        ...
        selection
        options={data}
        defaultValue={[]} // remove this prop

第二个错误：

当设置multiple 时，下拉列表value 必须是一个数组。接收类型：[object String].

我认为 react-final-form 将未知值初始化为空字符串。因此，您应该在 Form 的 initialValues 属性中将“下拉”值定义为一个空数组：

      <RFFORM
        initialValues={{
          dropdown: [],
        }}
        onSubmit={onSubmit}

这是一个工作沙箱：https://codesandbox.io/s/great-gould-fepxk

【讨论】：