2015-10-26 18 views
26

Witam Po prostu chcę otrzymać żądanie ajax, ale problem polega na tym, że jQuery nie jest zdefiniowany w React. React wersja 14.0Jquery w React nie jest zdefiniowany

Komunikat o błędzie

Uncaught ReferenceError: $ is not defined 

Mam dwa pliki

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> 
    ); 
} 
} 
+3

Nie widzę, aby zdefiniować jQuery w dowolnym miejscu tego kodu. Jak myślisz, dlaczego powinno działać? – Quentin

Odpowiedz

138

Spróbuj dodać jQuery do listy zawodowiec Ject, jak

npm i jquery --save 

lub jeśli używasz Bower

bower i jquery --save 

następnie

import $ from 'jquery'; 
+48

Z miłości do Boga, przyjmij tę odpowiedź – skwidbreth

-5

Add "ref" do h1 tag:

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

i
const { source } = this.props; zmiana na const { source } = this.refs;

Powiązane problemy