我的项目使用create-react-app
,我正在尝试实现一个下拉菜单。 为了实现Bootstrap,我复制了CSS文件的源代码并将其粘贴到SCSS文件中。 然后我用生成的CSS node-sass-chokidar
和进口的引导主题App.scss
文件, App.js
在根项目进口App.css
,因为进口SCSS将无法正常工作:
App.scss :
@import "./styles/bootstrap.scss";
@import ...
@import ...
App.js :
import ...
import ...
import "App.css";
...
它像一个吊饰一样工作,但是下拉菜单出现问题。 我相信这是由于jQuery。 我尝试将模块添加到项目中,并使用import "jquery";
并import $ from "jquery";
在使用下拉类的组件中,以及在index.html
导入jQuery CDN。 两种情况均无效。
您不仅需要Bootstrap CSS和jQuery。 您还需要加载Bootstrap JavaScript。 请参阅入门文档。 Bootstrap JavaScript应该在jQuery之后加载。 顺便说一下,如果使用jQuery,则可以使用“苗条”版本。