[英]Semantic-UI-React, selection, multi, can't set defaultValue
我有React组件:
<Dropdown
placeholder={field[propName].label}
id={propName}
fluid
multiple
selection
search
defaultValue={defaultOptions}
options={options}
/>
因此options
和defaultOptions
是相同的结构数组{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`.`
那么问题是我应该如何为多选类型的Dropdown设置defaultValue?
defaultValue不能是semantic-UI-react的对象。 它只能是一个价值。 http://react.semantic-ui.com/modules/dropdown 。 如果你看一下defaultValue的道具,文档会说它可以是字符串,数字或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"])}
/>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.