React中的Jquery未定义

Question

嗨,我只想收到ajax请求,但问题是在React中没有定义jquery.React版本是14.0

错误信息

 Uncaught ReferenceError: $ is not defined

我有两个文件

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

尝试添加jQuery到您的项目,例如

npm i jquery --save

或者如果你使用凉亭

bower i jquery --save

然后

import $ from 'jquery'; 

Answer 2

它主要发生JQuery在您的项目中未安装时。根据您的包管理器，通过以下命令在您的项目中安装 JQuery。

纱

yarn add jquery

新项目管理

npm i jquery --save

之后只需导入$您的项目文件。 import $ from 'jquery'

Answer 3

我只想接收一个ajax请求，但是问题是jQuery没有在React中定义。

然后不要使用它。使用Fetch并查看React中的Fetch polyfill无法在IE 11中完全正常工作，以查看使其运行的替代方法示例

像这样

const that = this; 
fetch('http://jsonplaceholder.typicode.com/posts') 
  .then(function(response) { return response.json(); }) 
  .then(function(myJson) { 
     that.setState({data: myJson}); // for example
  });