react bootstrap 多选默认值

Question

我正在为我的项目使用 react-bootstrap-multiselect。我需要在加载之前将默认值传递给它。 react-bootstrap-multiselect 是否有一个 API 来传递默认选择值？

<Multiselect
       onChange={this.handleMultiSelect}
       value={this.props.multiSelectData}
       data={this.props.multiSelectData}
       buttonWidth="10
       multiple
    />

我想传递一个取决于用户点击的动态值。

谢谢

Answer 1

对于再次遇到这个问题的每个人：

<Form.Control as="select" multiple defaultValue={['FOO', 'BAR']}>
    <option>FOO</option>
    <option>NOT SELECTED</option>
    <option>BAR</option>
</Form.Control>

您可以简单地将 array 设置为 defaultValue。

在上面的示例中，选择了 FOO 和 BAR。

Answer 2

为此，将“数据”参数的 selected 属性设置为 true（在您的例子中，这是所需元素 this.props.multiSelectData 的数组）。可以找到示例 at this link.

具有默认值的“data”参数的数组示例：

var mass = [
    {
        value: -777, 
        label: 'No data', 
        selected: true
    }, 
    {
        value: 888, 
        label: 'data 888'
    }
]

react bootstrap 多选默认值

react bootstrap multiselect default value

reactjs

react-bootstrap