Why AsyncStorage will return "null" with react native?

Question

Now, I am making a mobile app with react native and expo and try to use AsyncStorage to store a set of key and value. However, I can get "null" from AsyncStorage.get('key');

The code below is my code about apart of using AsyncStorage.

async checkQrUrl(data) {
const asyncStorageKey = JSON.stringify(data);

if (this.state.couponType === 'once') {
  try {
    if (data === this.state.UniqueQrUrl) {
      await AsyncStorage.setItem('qrcodevancoupon001shop', 'aaa');
      Alert.alert('一回切りのクーポンを使用しました');
    } else if (data !== this.state.UniqueQrUrl) {
      Alert.alert('QRコードが違います');
    } else {
      Alert.alert('予期せぬ障害が発生しました。前画面に戻って再度お試しください');
    }
  } catch (error) {
    console.log(error);
  }
}
}

In addition to this code, below one is to get key.

async componentDidMount() {
const { value } = this.props.navigation.state.params;
await AsyncStorage.getItem(`qrcodevancoupon001shop`, (result) => {
  this.setState({ couponModalStatus: result });

});

}

const value = await AsyncStorage.getItem('qrcodevancoupon001shop'); Put it in the variable name and return it. — hong developer
– hong developer, Commented Apr 19, 2019 at 1:00
I did ! Thank you so much. But I am wondering why that is happened ? — ryonz
– ryonz, Commented Apr 19, 2019 at 1:05

hong developer · Accepted Answer · 2019-04-19 01:03:58Z

2

const value = await AsyncStorage.getItem('qrcodevancoupon001shop');

Put it in the variable name and return it.

this.setState({ couponModalStatus: value });

answered Apr 19, 2019 at 1:03

hong developer

13.9k4 gold badges46 silver badges73 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Why AsyncStorage will return "null" with react native?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related