代码之家 › 专栏 › 技术社区 › Kirit Modi

react native中的回调函数定义和调用问题

react-native-ios flowtype react-native-android react-native reactjs

Kirit Modi · 技术社区 · 7 年前

export const getStoredData(key: string, callback?: ?(error: ?Error, result: ?string)) =>{
      try {
      const value = await AsyncStorage.getItem(key);
      if (value !== null){
        return value
      }
    } catch (error) {
      return error
    }
}

按如下方式调用函数:

   getStoredData('apple' , (error , result) =>{
     if (error) {
       console.log('error is = ', error);
     } else {
       console.log('result is = ', result);
     }
   });

但我在定义函数unexpected token时出错。

请帮帮我。

4 回复 | 直到 7 年前

Val 7 年前

正如@MayankShukla所说,您没有正确使用arrow函数。

要修复表达式,还需要添加 =>void callback ,

export function getStoredData(key: string, callback?: ?(error: ?Error, result: ?string) => void ) {

与上述代码一起消失。

为注释1编辑:用于从

export async function getStoredData(key: string, callback?: ?(error: ?Error, result: ?string) => void ) {
    try {
        const value = await AsyncStorage.getItem(key);
        if (value !== null) {
            callback(null, value);
            return value;
        }
    } catch (error) {
        callback(error, null);
        return error;
    }
}

Mayank Shukla 7 年前

你用错了箭头函数,你忘了 = ,意外的令牌就是因为此 => 在这里:

export const getStoredData(key: string, callback?: ?(error: ?Error, result: ?string)) => {
   ....
}

要么这样写(注意 =

export const getStoredData = (key: string, callback?: ?(error: ?Error, result: ?string)) => { 
    ....
}

或删除 =>

export function getStoredData (key: string, callback?: ?(error: ?Error, result: ?string)){
   ....
}

Daniel Andrei 7 年前

export const getStoredData = (key, callback) => {
  try {
  const value = await AsyncStorage.getItem(key);
  if (value !== null){
    return value
  }
  } catch (error) {
    return error
  }
};

getStoredData('apple', (error, result) => {
 //do stuff
});

Suresh Mewara 7 年前

/*

* created by Suresh Mewara

* Date 09-07-2018

*/

import React, {Component} from 'react';
import {AsyncStorage, } from 'react-native';

export class DBPreference {
  // Database key
  static LOGIN_STATUS = 'loginStatus';
  static EULA_STATUS = 'eulaStatus';
  static ACCESS_CODE = 'accessCode';





  static retrieveData = async (key) => {
    try {
      const value = await AsyncStorage.getItem(key);
      if (value !== null) {
        // We have data!!
        console.warn(value);
        return value;
      }
     } catch (error) {
       // Error retrieving data
     }
  }



  static getStoredData = async (key, callback) => {
  try {
  const value = await AsyncStorage.getItem(key);
  if (value !== null){
    callback(null, value);
    console.warn(value);
    return value
  }
  } catch (error) {
    callback(error, null);
    return error
  }
};
}

推荐文章

louiedooey · React Native中的重叠和定位元素

7 年前

Mizlul · 如何正确启动分离的React本机应用程序

7 年前

Manoj Goel · 在Android emulator上安装应用程序时配置根项目时出错

7 年前

TheParam sejmy · 运行react native application时,有多个文件提供此模块错误

7 年前

Michael Artman · 通过状态将支柱传递给组件

7 年前

Dave Birnie · 反应本机版本不匹配

7 年前

unknown123 · react native的最佳文件选择器[已关闭]

7 年前

Dude · 反应本机道具,键盘隐藏事件中的参考值未定义?

7 年前

GD- Ganesh Deshmukh · python 3是否与react native兼容?或者我应该按照react文档的建议安装python 2吗?

7 年前

Sarun Dahal · 在windows中连接到远程调试器时响应本机超时

7 年前