2015-10-26 47 views
26

Xin chào Tôi chỉ muốn nhận yêu cầu ajax, nhưng vấn đề là jquery không được định nghĩa trong React. Phản ứng phiên bản là 14,0Jquery trong React không được xác định

Thông báo lỗi

Uncaught ReferenceError: $ is not defined 

Tôi có hai tập tin

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

Tôi không thấy bạn định nghĩa jQuery ở bất kỳ đâu trong mã đó. Tại sao bạn nghĩ nó nên hoạt động? – Quentin

Trả lời

138

Cố gắng thêm jQuery để bạn chuyên nghiệp JECT, như

npm i jquery --save 

hoặc nếu bạn sử dụng Chòi chơi cho

bower i jquery --save 

sau đó

import $ from 'jquery'; 
+48

Vì tình yêu của thần, hãy chấp nhận câu trả lời này – skwidbreth

-5

Add "ref" vào thẻ h1:

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


const { source } = this.props; đổi thành const { source } = this.refs;

Các vấn đề liên quan