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>

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

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

Answer 2

为此，请将“ data”参数的selected属性设置为true（在您的情况下，这是必需元素this.props.multiSelectData的数组）。可以找到一个示例at this link。

带有默认值的“数据”参数的数组示例：

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

react bootstrap multiselect默认值

2 个答案: