Semantic-UI-React,选择,多,不能设置默认值

IT技术 javascript reactjs semantic-ui semantic-ui-react
2021-04-27 00:33:08

我有 React 组件:

<Dropdown
    placeholder={field[propName].label}
    id={propName}
    fluid
    multiple
    selection
    search
    defaultValue={defaultOptions}
    options={options}
/>

所以optionsdefaultOptions是相同的结构数组{text: 'string, value: 'string'}

在语义 UI 源代码中,我发现了这一点:

/** Initial value or value array if multiple. */
    defaultValue: PropTypes.oneOfType([
      PropTypes.string,
      PropTypes.number,
      PropTypes.arrayOf(PropTypes.oneOfType([
        PropTypes.string,
        PropTypes.number,
      ])),
    ])

这就是我上面的代码给我错误的原因:

`Warning: Failed propType: Invalid prop `defaultValue` supplied to `Dropdown`. Check the render method of `View`.`

所以问题是我应该如何为多选类型的下拉菜单设置默认值?

1个回答

defaultValue 不能是语义 UI react的对象。它只能是一个值。http://react.semantic-ui.com/modules/dropdown如果您查看 defaultValue 的props,文档会说它可以是字符串、数字或 arrayOf。

我通常将我的设置为下拉列表的值 - 使用 immutabilityJS - 当它打开时。

<Dropdown
    placeholder={field[propName].label}
    id={propName}
    fluid
    multiple
    selection
    search
    defaultValue={dropdownList.get('forWhat')}
    options={options}
    onChange={(e, {value}) => this.updateDropdownList('forWhat',[value:value, text:"works"])}
/>