화살표는 비동기 기능과 함께 반응하여 네이티브 대기

화살표는 비동기 기능과 함께 반응하여 네이티브 대기

데이터를 저장하려고 하는 경우AsyncStorage에react-native비동기식으로 저장해서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);
    }
  };

참조URL: https://stackoverflow.com/questions/43718103/arrow-functions-with-async-and-await-in-react-native