bootstrap-select不适用于我的ReactJS代码

问题描述 投票:0回答:1

我想在下拉菜单中实现多选功能。但是,通过执行bootstrap-select并为其编写代码来安装npm install bootstrap-select后,样式似乎与文档示例中所示的样式不同。对我来说,它仍然显示在选择标记中添加多个之后出现的基本样式类型。

<select type="text" className="selectpicker form-control" name="filterOptions" id="filterOptions" onChange={(e) => {self.optionsChange(e, item)}} multiple>
  <option key="select" value="allValues">All Values</option>
    {self.renderFilterOptions(item)}
</select>

有人可以帮我吗?预先感谢。

以下是我的index.html文件。

<!DOCTYPE html>
<html lang="en">

<head>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">
  <title>Functional Testing</title>
</head>

<body>
  <div id="app"></div>
  <script src="/bundle.js"></script>
  <div class="loadspinner">
    <p>
      <div class="loader"></div>
      <h3>
        <b>&nbsp;&nbsp;Please Wait.....</b>
      <h3 />
    </p>
  </div>
</body>
</html>
reactjs bootstrap-select
1个回答
0
投票

bootstrap-select CSS文件依赖性添加到\public\index.html文件中>

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css">

参考:引导程序选择Getting Started

© www.soinside.com 2019 - 2024. All rights reserved.