Как импортировать jQuery в компонент React? ⇐ Jquery

[Anonymous]

Мой файл JS, содержащий jQuery (apiCalls.js):

Код: Выделить всё

function getBlogInfo() {
$.ajax({
url: "http://api.tumblr.com/v2/blog/myblog.tumblr.com/info?api_key=my-api-key",
dataType: 'jsonp',
success: function(info){
console.log(info);
console.log(info.response.blog.likes);
}
}
)}
export { getBlogInfo };

Мой компонент React:

Код: Выделить всё

import React, { Component } from 'react';
import $ from 'jquery';
import { getBlogInfo } from './scripts/apiCalls';

class Homepage extends Component {
componentDidMount(){
getBlogInfo();

}
render() {
return (

);
}
}

export default Homepage;

Если я заменю getBlogInfo() в компонентеComponentDidMount() на весь скрипт, то скрипт выполнится так, как ожидалось, но использование вызова функции для выполнения скрипта выдаст ошибку:

Код: Выделить всё

./src/components/scripts/apiCalls.js
Line 2:  '$' is not defined  no-undef

Что я пробовал до сих пор:

импорт $ из 'jquery' во все мои файлы реагирования.

импорт библиотеки jquery в index.html через теги скрипта

Подробнее здесь: https://stackoverflow.com/questions/489 ... -component