首页 > 解决方案 > react-bootstrap-multiselect 在 react-bootstrap 4 中无法正常工作

问题描述

react-bootstrap-multiselect 在 react-bootstrap 4 中无法正常工作。它与 bootstrap 3 完美配合。

在将 react-bootstrap-multiselect 与 react-bootstrap4 一起使用时,每当我尝试添加诸如 includeSelectAllOption 或 onChange 之类的任何道具时,请选择菜单停止工作。因为它没有显示选择菜单选项

当我在 Web 控制台中检查 html 时。然后我发现,它正在添加一个空的 ul 标记并单击选择菜单。它显示空 ul。

请帮我

import Multiselect from 'react-bootstrap-multiselect';
import 'react-bootstrap-multiselect/css/bootstrap-multiselect.css'

<Multiselect 
                            includeSelectAllOption
                            ref="option1" 
                            id="option1"
                            name="option1" 
                            data={this.state.option1} 
                            onChange={(value) => this.inputChanged(value, 'option1')}  
                        />

标签: javascriptreactjsbootstrap-4multi-selectreact-bootstrap

解决方案


推荐阅读