React "this“未在方法子异步函数中定义
React中的"this"指的是组件实例对象。在React组件中，如果在方法中使用了"this"关键字，需要注意"this"的指向问题。
在方法中，如果使用了箭头函数定义方法，箭头函数会继承外部作用域的"this"，因此可以直接访问组件实例对象。例如：
class MyComponent extends React.Component {
handleClick = () => {
console.log(this.props);
}
render() {
return (
<button onClick={this.handleClick}>Click me</button>
);
}
}在上述代码中，通过箭头函数定义了handleClick方法，该方法可以直接访问组件实例对象的props属性。
然而，如果在方法中使用了普通函数定义方法，普通函数会有自己的作用域，"this"指向会发生改变。为了在普通函数中正确访问组件实例对象，可以使用bind方法绑定"this"。例如：
class MyComponent extends React.Component {
handleClick() {
console.log(this.props);
}
render() {
return (
<button onClick={this.handleClick.bind(this)}>Click me</button>
);
}
}在上述代码中，通过bind方法将handleClick方法绑定到组件实例对象，确保在方法中可以正确访问props属性。
另外，如果在方法中使用了异步函数，例如使用了async/await语法，需要注意异步函数中的"this"指向问题。在异步函数中，"this"的指向可能会发生改变，无法直接访问组件实例对象。为了在异步函数中正确访问组件实例对象，可以使用箭头函数或者在异步函数中使用bind方法绑定"this"。例如：
class MyComponent extends React.Component {
handleClick = async () => {
console.log(this.props);
await someAsyncTask();
console.log(this.props); // 此处的"this"仍然指向组件实例对象
}
render() {
return (
<button onClick={this.handleClick}>Click me</button>
);
}
}在上述代码中，通过箭头函数定义了异步的handleClick方法，该方法可以直接访问组件实例对象的props属性，并且在异步任务中仍然可以正确访问props属性。
综上所述，React中的"this"指的是组件实例对象。在方法中，可以使用箭头函数或者bind方法来确保在方法中正确访问组件实例对象的属性。
相关·内容
我有一个组件，在其中我定义了handleClick (onClick处理程序)，并且我想调用异步函数。下面的代码我做了什么，我的问题是:为什么'this‘不能在异步函数()调用中访问？
浏览 12提问于2017-02-15得票数 1
回答已采纳
1回答
目前，我正在将当前的项目转移到一个新的项目中，其中使用了react。我确实想做一个简单的方法/函数，但我没有让它起作用。我怎么才能解决这个问题？我基本上是想建立和调用一个方法。
import * as THREE fr
浏览 0提问于2018-02-26得票数 0
回答已采纳
1回答
有时，创建已由现有第三方代码实现的接口是有用的(即，从库中)。例如，我们可以想象选择String类的方法子集并声明一个GenericString。然后，我们可以定义实现这些方法的其他GenericString，但不定义String类的其他方法。唯一的问题是String类不是从GenericString类继承的。是否可以向Kotlin中现有的类添加接口，或者我是否必须创建实现此接口的String的子类？
浏览 1提问于2018-02-19得票数 16
回答已采纳
在编辑/保存自定义分类法术语(最好是自定义分类法子术语)(最好是自定义分类法子术语)时，是否有可能将函数挂起，就像在保存post或页面时将其连接到save_post一样？function generate_pdf($slug) {}Edit_${分类法}似乎是我所需要的东西，但我似乎不能将$term_slug推入函数中
浏览 3提问于2015-09-08得票数 10
回答已采纳
3回答
我在原生react中创建了一个循环进度条，错误是get is rotateByStyle‘is not defined。import React,{Component} from 'react';
import {Text, View, StyleSheet} from 'react-native
浏览 1提问于2019-01-24得票数 2
1回答
在编程时，经常会忘记包含一个头，从而调用一个未定义的函数。根据gcc或clang with default options的说法，调用未在调用方的命名空间中定义的函数不是编译时错误。相反，会发出警告“函数__的隐式声明在C99中无效”。为什么不把这归类为错误呢？你见过任何很酷的隐式函数技巧吗？
浏览 1提问于2014-02-05得票数 4
我正在尝试使用AsyncStorage中的一个项，它存储为一个在异步函数中创建的变量，但是，当它被返回时，它会以未定义的形式返回。import React from 'react';importAsyncStorage from '@react-nat
浏览 2提问于2020-06-11得票数 0
回答已采纳
我在React代码中使用promises已经有一段时间了。但我必须包括巴别塔多边形填充库，以支持承诺和地图功能的浏览器不支持最新的JavaScript ES6，让我们调用这些旧的浏览器。现在让我困惑的是，异步函数是如何在旧浏览器中编写的。在Internet Explorer中不支持异步，那么它们是如何编写的？我还读到过promises本身不是异步的，而是一个管理异步功能的工具。那么，如果开发人员想要开发自己的promise功能，他可以编写哪些核心<em
浏览 2提问于2017-12-03得票数 0
这就是我在React-Native中尝试做的事情。异步函数正在调用firebase。functionOne() {}
this.functionOne();this.functionOne();未定义我不确定如何从另一个函数调用异步函数。
浏览 1提问于2017-03-22得票数 12
回答已采纳
因此，我有一个使用'React.Children.map()‘的无状态组件，我想把它变成一个类组件来添加一个状态，但是因为我不能(据我所知)将{children}作为一个属性传递，所以我得到的错误是没有定义我如何定义孩子呢？原始无状态组件： import React from 'react';
<div className="tabsPanel" onClick={clic
浏览 12提问于2019-04-15得票数 1
回答已采纳
我有一个自定义的智能指针模板类SP<T>，如下所示(简化)：{ T* operator->() const { return// other small methods (constructors, getters, setters) T* obj;为了简化Xcode和Android中的调试对于支持语法子类型的T类型，例如数组，我希望SP<T>也有语法子</e
浏览 0提问于2019-08-22得票数 3
1回答
我有一个自定义钩子，我正在尝试编写使用react测试库包的测试，我想知道如何测试未在自定义钩子中返回但在其他函数中使用的内部函数。const customHook = () => {
const doSomeThing = () =
浏览 2提问于2021-08-27得票数 0
回答已采纳
如何键入作为属性传递给反应性组件的异步函数？interface INewTaskEntryProps {}
浏览 0提问于2021-01-17得票数 3
回答已采纳
2回答
React中的自定义属性
、、、
“如果将属性传递给HTML规范中不存在的本地HTML元素，React将不会呈现它们。”- React。
是否存在性能问题，或者为什么未在React中呈现自定义属性？
浏览 0提问于2016-05-25得票数 0
回答已采纳
1回答
像fs.readFile这样的异步函数是如何编写成异步的，但与使用async关键字修饰的函数不同呢？async函数总是返回承诺吗？async (L, B) => L * B;
a => console.log("Area is " + a)但是，调用后的fs.readFile这样的函数将产生一个未定义的值当使用第三方库中的函数时，是否可以
浏览 4提问于2022-09-17得票数 0
2回答
有人可以向我解释为什么renderInput函数中的这个值是未定义的。我浏览了代码，一切看起来都很好。当它在renderInput中调用console.log( this )时，这将返回undefinded import React, {PropTypes} from "react"; //
class AddCata
浏览 24提问于2019-03-08得票数 0
回答已采纳
2回答
进入functional components + hooks和React Unit testing，我尝试做以下事情： * App.js
*
浏览 42提问于2019-08-21得票数 0
回答已采纳
2回答
我有一个异步功能，它应该添加反应到列表中，直到某个反应被按下，然后它将添加所有适当的角色。为此，我有一个全局变量"reactions = []“，当按下"ok”反应时，该变量将被重置。VS代码在"for react in reactions:“行上告诉我："reactions is used before it is defined.= BOT.user:
if reaction == get(reaction.message.guild.emojis, name = "OK
浏览 29提问于2020-05-31得票数 2
回答已采纳
我正在努力使异步/等待工作。"react-native": "0.44.0", }, "babel-jestbabel-preset-stage-3"],}
我
浏览 2提问于2017-06-28得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
云直播活动推荐
腾讯云开发者
