Как подключить jquery плагин в react.js приложении?

Пользователь

от judd , в категории: JavaScript , 3 месяца назад

Как подключить jquery плагин в react.js приложении?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от stephania , 3 месяца назад

@judd 

  1. Установите jquery и плагин с помощью npm:
1
2
npm install jquery
npm install название_плагина


  1. Создайте новый файл в каталоге "src" с именем "jquery.js" и добавьте следующее содержимое:
1
2
3
import $ from 'jquery';
window.$ = $;
window.jQuery = $;


  1. Импортируйте созданный файл с помощью команды "import" в вашем компоненте:
1
import './jquery';


  1. Используйте плагин в своем компоненте:
1
2
3
$(document).ready(function(){
  $('.example').название_плагина();
});


Примечание: Некоторые плагины требуют наличия «window» вместо просто использования «$». В этом случае замените «$(selector)» на «window.$(selector)».