React Native之函数作为参数传递给另外一个函数去调用
发布日期:2021-06-29 14:13:02 浏览次数:2 分类:技术文章

本文共 1876 字,大约阅读时间需要 6 分钟。

1 用法

我们一般喜欢把js里面的函数作为参数传递给另外一个函数,然后再调用这个函数,有点像C语言里面的函数指针

 

 

 

 

2 代码测试

写了一个函数,2个参数分别是函数,然后更具数据决定调用哪个函数

/** * Sample React Native App * https://github.com/facebook/react-native * * @format * @flow */import React, {Component} from 'react';import {Platform, StyleSheet, Text, View, NativeModules} from 'react-native';const instructions = Platform.select({  ios: 'Press Cmd+R to reload,\n' + 'Cmd+D or shake for dev menu',  android:    'Double tap R on your keyboard to reload,\n' +    'Shake or press menu button for dev menu',});export default class App extends Component
{ constructor(props){ super(props); this.state={ myName:'chenzixuan', } } componentDidMount() { this.load((name) => {console.log(name);}, (name) => {console.log(name); console.log(name);}); } render() { return (
this._androidShowMsg()} style={styles.welcome}>Welcome to React Native!
To get started, edit App.js
{instructions}
{this.state.myName}
); } load = (resolve, callback) => { let name = this.state.myName; if (name === 'chenzi1xuan') { resolve(name); } else { callback(name); } };}const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#F5FCFF', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, },});

 

 

3 结果打印如下

很明显,我们会调第二个参数的函数,所以日志会打印两次name,日志如下

ReactNativeJS  I  Running application "pro_react" with appParams: {"rootTag":1}. __DEV__ === false, development-level warning are OFF, performance optimizations are ON                         I  chenzixuan                         I  chenzixuan

 

转载地址:https://chenyu.blog.csdn.net/article/details/83628869 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Android之在ubuntu上过滤多条关键字日志
下一篇:Android之通过ContentResolver获取手机图片和视频的路径和生成缩略图和缩略图路径

发表评论

最新留言

逛到本站,mark一下
[***.202.152.39]2024年04月08日 06时56分02秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

再见,数据库!MySQL千亿数据分库分表架构,堪称惊艳! 2019-04-29
为什么曾经优秀的人突然变得平庸? 2019-04-29
某阿里程序员求助:绩效背1,老板让他主动走!敢要n+1就在背调时说坏话!怎么办?网友:大不了鱼死网破!... 2019-04-29
知识图谱在小米的应用与探索 2019-04-29
某美团程序员爆料:美团虽然屏蔽职级,但可以通过椅子判断!坐人体工学椅的至少是3-1和3-2的大佬!真是这样吗?... 2019-04-29
图解|打工人看腾讯这道多线程面试题 2019-04-29
23张图!万字详解「链表」,从小白到大佬! 2019-04-29
高德全链路压测——语料智能化演进之路 2019-04-29
打工人到什么状态,就可以离职了? 2019-04-29
面向领域的微服务架构 2019-04-29
某程序员吐槽清华北大不值钱了!过去清北毕业生去企业上班就是丢人现眼!现在互联网基层员工一堆清北人!清北怎么混成这样了?... 2019-04-29
为什么不建议把数据库部署在Docker容器内 2019-04-29
待在小公司好多年了,微服务还没怎么玩过。。。 2019-04-29
万字长文,理解Elasticsearch和面试总结 2019-04-29
面试官:数据量很大,分页查询很慢,有什么优化方案? 2019-04-29
编写 if 时不带 else,你的代码会更好! 2019-04-29
字节跳动总结的设计模式 PDF 火了,完整版开放下载! 2019-04-29
新款 iPad 写代码 真香,包邮送一个! 2019-04-29
7年,从“游戏少年”到大厂技术总监的逆袭之路 2019-04-29
超级全面的 SpringBoot 注解介绍,每一个用途都应该清晰 2019-04-29