Bootstrap 4下拉菜单不适用于使用create-react-app生成的项目

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

我的项目使用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。 两种情况均无效。

jquery reactjs bootstrap-4 dropdown
1个回答
1
投票

您不仅需要Bootstrap CSS和jQuery。 您还需要加载Bootstrap JavaScript。 请参阅入门文档。 Bootstrap JavaScript应该在jQuery之后加载。 顺便说一下,如果使用jQuery,则可以使用“苗条”版本。

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