编程语言
首页 > 编程语言> > javascript-带有异步功能的箭头函数,在本机反应中等待

javascript-带有异步功能的箭头函数,在本机反应中等待

作者:互联网

我正在尝试在react-native中将数据保存在AsyncStorage中.我想异步保存它,所以使用async和await关键字.

  async onPositiveClickListener = () => {
    // user has completed product tour_end
    try {
      await AsyncStorage.setItem("@ProductTour:key", "true");
      const { navigate } = this.props.navigation;
      navigate("DashboardScreen");
    } catch (error) {
      console.log(error);
    }
  };

保存程序时出现错误

SyntaxError: Unexpected token, expected ( (40:32)
  38 |   };
  39 | 
> 40 |   async onPositiveClickListener = () => {
     |                                 ^
  41 |     // save user has completed product tour_end
  42 |     try {
  43 |       await AsyncStorage.setItem("@ProductTour:key", "true");
Hide Stack Trace
SyntaxError: Unexpected token, expected ( (40:32)
  38 |   };
  39 | 
> 40 |   async onPositiveClickListener = () => {
     |                                 ^
  41 |     // save user has completed product tour_end
  42 |     try {

解决方法:

异步命名箭头函数应声明为

const onPositiveClickListener = async () => {
    // user has completed product tour_end
    try {
      await AsyncStorage.setItem("@ProductTour:key", "true");
      const { navigate } = this.props.navigation;
      navigate("DashboardScreen");
    } catch (error) {
      console.log(error);
    }
  };

标签:javascript,react-native,async-await,react-native-android
来源: https://codeday.me/bug/20191010/1887322.html