Jquery in React is not defined

Question

Hi I just want to receive ajax request, but the problem is that jquery is not defined in React. React version is 14.0

Error message

 Uncaught ReferenceError: $ is not defined 

I have two files :

index.js

import React from 'react';  import { render } from 'react-dom'; import App from './containers/App';    const root = document.getElementById('root');    render(    <App source='https://api.github.com/users/octocat/gists' />,    root ); 

app.js

import React, { Component } from 'react';  export default class App extends Component {      componentDidMount() {         const { source } = this.props;          console.log($); // throws error     }      render() {         return (             <h1>Hey there.</h1>         );     } } 

Answer 1

Try add jQuery to your project, like

npm i jquery --save 

or if you use bower

bower i jquery --save 

then

import $ from 'jquery';