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

[Anonymous]

my js -файл, содержащий jquery (apicalls.js): < /p>

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

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 };
< /code>

my React Component: < /p>

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 () in componentdidmount () на весь скрипт, тогда скрипт выполняется, как и ожидалось, но используя функцию Вызов для выполнения скрипта дает мне ошибку, в которой говорится - < /p>

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

Что я пробовал до сих пор: < /p>

Импорт $ из 'jquery' во всех моих файлах React. /p>

Импорт библиотеки jQuery в index.html через теги скрипта < /p>

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