Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >在箭头函数中调用箭头函数。React Native

在箭头函数中调用箭头函数。React Native
EN

Stack Overflow用户
提问于 2019-09-28 04:17:04
回答 1查看 418关注 0票数 0

我正在用react native和expo构建一个应用程序。如何在箭头函数中调用相邻函数。不会从funcOne调用funcTwo,也不会出现警告/错误。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// Call first fucntion inside MainScreen.js
import Fire from '../Fire';
export default class MainScreen extends React.Component {
    makeRemoteRequest = async () => {
        const res = await Fire.shared.funcOne({ title: "test" });
    }
};

// Fire.js
class Fire {
    funcOne = async ({title}) => {
        this.funcTwo(title);
    };

    funcTwo = async (title) => {
        // save to database
        console.log(title);
    };
}
Fire.shared = new Fire();
export default Fire;
EN

回答 1

Stack Overflow用户

发布于 2019-09-28 09:40:53

funcOne中缺少await调用funcTwo时,如果要返回funcTwo的值,则可以省略await,但不是这样

所以..。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
// Call first fucntion inside MainScreen.js
import Fire from '../Fire';
export default class MainScreen extends React.Component {
    makeRemoteRequest = async () => {
        const res = await Fire.shared.funcOne({ title: "test" });
    }
};

// Fire.js
class Fire {
    funcOne = async ({title}) => {
    // Here you should add await
        await this.funcTwo(title);
    // or 
    // return this.funcTwo(title);
    };

    funcTwo = async (title) => {
        // save to database
        console.log(title);
    };
}
Fire.shared = new Fire();
export default Fire;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/58143315

复制
相关文章
箭头函数
最近在代码中用到大量箭头函数,例如 result = page.stream().map(p -> { //这个p相当于list里的每一项,map需要return Map<String, Object> tempMap = BeanUtil.beanToMap(p); tempMap.put("isMeLikeHisProduct", StringUtils.isNotBlank(master.getUFavorite()) && master.getUFavorite().contain
阿超
2022/08/16
1.1K0
箭头函数
箭头函数
箭头函数不绑定this关键字,箭头函数中的this,指向的是函数定义位置的上下文this
清出于兰
2020/10/26
1.2K0
箭头函数
今天我来总结一下ES6 对函数做的一些处理。结合我ES5的函数特征,能够让我们根据实际情况,来很好的完成我们的项目需求。
Qwe7
2022/05/14
1K0
箭头函数中的'this'值
那么 为什么hobby的值输出成功,而name不能够输出呢?是因为lucifer丑吗?其实那只是其中一个因素,还有一个因素就是在ZnHobbies方法中的this已经不属于上一个区块,而这里的this并没有name值。所以 解决办法的其中一个就是在ZnHobbies函数中写入
学前端
2020/04/07
2.2K0
揭秘箭头函数
箭头函数是函数表达式的替代方法,但在语法上有所不同,不能在所有情况下使用。如果您还没有阅读 JavaScript 中的函数表达式,我建议您在继续阅读之前先阅读这篇文章。
子舒
2022/06/09
1.1K0
揭秘箭头函数
Vue 箭头函数
结论:第一个this是obj中的this,第二个this是windows中的this。 高阶函数 1. filter过滤函数
全栈程序员站长
2022/09/07
1K0
js箭头函数
箭头函数表达式没有自己的this,arguments,super或new.target。
黄啊码
2021/09/26
4.4K0
Js箭头函数
箭头函数是ES6新增的语法,提供了一种更加简洁的函数书写方式,类似于匿名函数,并且简化了函数定义。
WindRunnerMax
2020/08/27
5K0
普通函数与箭头函数
这里的this指向的是对象o,因为你调用这个fn是通过o.fn()执行的,那自然指向就是对象o。
愤怒的小鸟
2021/01/20
9820
JavaScript中的箭头函数
本文可以让你了解所有有关JavaScript箭头函数的信息。我们将告诉你如何使用ES6的箭头语法,以及在代码中使用箭头函数时需要注意的一些常见错误。你会看到很多例子来说明它们是如何工作的。
chuckQu
2022/11/28
2.1K0
JavaScript中的箭头函数
js 箭头函数详解
es6 新增了使用胖箭头(=>)语法定义函数表达式的能力,很大程度上,箭头函数实例化的函数对象与正式的函数表达式创建的函数对象行为是相同的。任何可以使用函数表达式的地方,都可以使用箭头函数:
IT工作者
2022/05/12
1.2K0
箭头函数和对象
有一个函数很短,比如这样: function getData() { return { data: 1 } } console.log(getData()) // { data: 1 } 想用ES6箭头函数语法简化一下,于是写成这样: const getData = () => { data: 1 } console.log(getData()) // undefined 怎么会是呢? 解析 根本原因在于这一段: const getData = () => { data: 1 } 如果用传统fu
kifuan
2022/10/24
8570
箭头函数和this指向
箭头函数基本使用 // 箭头函数: 也是一种定义函数的方式 // 1.定义函数的方式: function const aaa = function () { } // 2.对象字面量中定义函数 const obj = { bbb() { } } // 3.ES6中的箭头函数 // const ccc = (参数列表) => { // // } const ccc = () => { } 带返回值的箭头函数 // 1.参数问题: /
名字是乱打的
2021/12/23
1.3K0
Javascript中普通函数和箭头函数的区别
2.箭头函数没有this对象,他会找到上层调用者作为this对象,直至window。还有,由于箭头函数没有自己的this,所以call,apply,bing等方法都不能改变this指向。
小明爱学习
2020/07/09
9930
箭头函数不会修改this
function Person () { this.name = 'little bear', this.age = 18 setTimeout(()=>{ console.log(this ) }) } var a = new Person() setTimeout里的this代表new Person出来的对象 function Person () { this.name = 'little bear', this.age = 18 setTimeout(function(){
windseek
2018/06/14
6640
箭头函数不会修改this
function Person () { this.name = 'little bear', this.age = 18 setTimeout(()=>{ console.log(this ) }) } var a = new Person() setTimeout里的this代表new Person出来的对象 function Person () { this.name = 'little bear', this.age = 18 setTimeout(function(){
windseek
2018/06/21
6380
Js的箭头函数
更简短的函数并且不绑定this。箭头函数表达式的语法比函数表达式更简洁,并且没有自己的this,arguments,super或new.target。 箭头函数表达式更适用于那些本来需要匿名函数的地方,并且它不能用作构造函数。
JavaEdge
2021/03/14
1.5K0
面试官:箭头函数和普通函数的区别?箭头函数的this指向哪里?
当然箭头函数与普通函数的区别还有很多,小编总结的也不是很齐全,有想法的,请各位看官大大多多交流指正~~
前端老道
2022/12/01
5580
ES6中的箭头函数
如果箭头函数的代码块部分多于一条语句,就要使用大括号将它们括起来,并且使用return语句返回。
默默的成长
2022/12/05
6080
箭头函数与普通函数的区别
说到箭头函数和普通函数的区别,大家都一定会觉得这是一道高频面试题,但许多人其实对它们的理解还不够到位,今天我就来帮大家打造一个更清晰的认知。 01  【从定义方式来看】 【普通函数】 定义普通函数的方式通常有函数声明和函数表达式: 【箭头函数】 箭头函数是普通函数的语法糖(使用语法糖能够增加程序的可读性,从而减少程序代码出错的机会),书写要更加简洁: 02 【从this指向来看】 【普通函数】 严格模式下,this指向undefined: 非严格模式下,this指向window: 谁调用函数,函数
老九君
2022/08/26
7280
箭头函数与普通函数的区别

相似问题

在箭头函数中调用箭头函数

43

React Native中箭头函数与普通函数的区别

10

React Native CLI项目中的箭头函数逻辑

114

React类函数箭头

10

如何在react中调用道具箭头函数

330
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文