Jquery in React ist nicht definiert

Question

Hallo Ich möchte nur Ajax Anfrage erhalten, aber das Problem ist, dass jquery nicht in React definiert ist. Reagieren Version 14.0

Fehlermeldung

Uncaught ReferenceError: $ is not defined 

Ich habe zwei Dateien

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

Versuchen jQuery zu Ihrer hinzufügen Profi jekt, wie

npm i jquery --save 

oder wenn Sie Bower

bower i jquery --save 

dann

import $ from 'jquery'; 

Answer 2

Add "ref" auf h1 tag:

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

und
const { source } = this.props; Änderung an const { source } = this.refs;