当前位置: 首页 > 面试题库 >

未定义React中的jQuery

丁阎宝
2023-03-14
问题内容

嗨,我只是想接收一个ajax请求,但是问题是在React中没有定义jquery。反应版本是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>
        );
    }
}

问题答案:

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

npm i jquery --save

或者如果您使用凉亭

bower i jquery --save

然后

import $ from 'jquery';


 类似资料:
  • 问题内容: 我正在电子中创建我的第一个反应应用程序(也是我的第一个电子应用程序)。我有两条路线,需要从一条导航到另一条。为此,我使用以下代码: 根 应用程式 页 这行给出了错误, 我在网上搜索了可能的解决方案,但找不到!SO上也有许多类似的问题,但是对我来说都没有作用:( 问题答案: 您现在必须从历史记录模块中导入它,该模块提供了3种不同的方法来创建不同的历史记录。 适用于支持历史记录API的现代

  • 问题内容: 为什么我在这里未定义状态?我尝试了各种解决方案,但没有一个对我有用。有人可以指出这里做错了什么吗 编辑: 组件的完整代码 当从服务器动态加载侧边栏内容时,也有人可能会建议一个更好的选择 问题答案: 通过使用这种方式,您会失去上下文,而不是您所期望的那样。 在这种情况下,请将箭头功能用作: 或者, 这就是我的建议 ,请移至方法之外: 也可以将其绑定到构造函数中:

  • 我试图从React调用一个API,但它一直以未定义的方式返回。这是我的代码: 当我运行它时,console.log()返回未定义的,这意味着我得到的错误。我不太确定如何解决这个问题,所以任何帮助都将不胜感激!谢谢。 编辑:这是API在您转到以下链接时返回的内容:

  • 我使用的反应路由器与反应js和我下面他们的留档,但面临这个错误 编译时会显示错误, 这是我的index.js文件 这是我的App.js档案

  • 我对ReactJS很陌生。目前正在使用EXPO.IO开发ReactJS原生移动应用程序。在我的项目中,我正在使用webView来显示内容。工作很好。但是当我试图实现goBack()时遇到了一个问题。 我所遵循的示例:https://blog.defining.tech/adding-a-back-button-for-react-native-webview-4a6fa9cd0b0 由于this.

  • 获取类型错误,但使用onClick={()=