Блог

Я использую bootstrap в своем приложении react, созданном с помощью create-react-app

Ниже приведены два импорта, которые я использую в своем index.html

 <script src="./vendor/jquery-3.1.0.min.js"></script>
<script src="./vendor/bootstrap.min.js"></script>
 

Однако в коде, когда я использую что-то вроде

 $('.dropdown').dropdown()
 

Я получаю сообщение об ошибке, поскольку ошибка ‘$’ не определена no-undef
Может кто-нибудь помочь мне с этим. Спасибо!

Если вам нужен jQuery, запустите:

 npm install --save jquery
 

Затем вы можете использовать его в коде приложения:

 import $ from 'jquery';
 

Обратите внимание, что это работает только с версиями 2.x и выше.

Вы также можете использовать его как тег скрипта.
Это не поощряется.

Для этого поместите jQuery в public папку и добавьте это в HTML:

 <script src="%PUBLIC_URL%/jquery-3.1.0.min.js"></script>
 

Затем вы можете использовать его из приложения:

 const $ = window.$;
 

В общем, я бы рекомендовал попробовать React Bootstrap вместо Bootstrap в проектах React. Он предоставляет похожие компоненты, но не нуждается в jQuery и работает поверх React.

Надеюсь, это поможет! Пожалуйста, сообщайте о проблемах, если вас что-то смущает. Мы рады помочь.

Возможно, вам потребуется пакет jquery. Включите var $ = require ('jquery') (после его установки — npm install —save jquery) во все компоненты, которые ссылаются на jQuery.