Jquery in React non è definito

Question

Ciao, voglio solo ricevere una richiesta jax, ma il problema è che jquery non è definito in React. Reagire versioni 14.0

Messaggio di errore

Uncaught ReferenceError: $ is not defined 

Ho due file

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

Cercate aggiungere al vostro jQuery professionista Ject, come

npm i jquery --save 

o se si utilizza pergolato

bower i jquery --save 

poi

import $ from 'jquery'; 

Answer 2

Add "ref" per tag h1:

<h1 ref="source">Hey there.</h1> 

e
const { source } = this.props; passare a const { source } = this.refs;