AsyncStorage、非同期処理

Question

現在、ReactNativeでユーザ登録機能を実装しています。

ID1 {id: 1, username: "B", password: "B"}
ID0 {id: 0, username: "A", password: "A"}

というデータがAsyncStorageに格納されており、id2のデータを追加したいです。
ここで、idの最後の値を取得して(この場合、１)その値に+1したものを最新のidとして
新たにデータを登録したいです。

下のコードを実行すると、

tail 0  // (3)の出力
1       // (2)の１回目の出力
2       // (2)の２回目の出力

という結果が返ってきました。

期待する（３）の結果は、２なのですがどうすれば、解決できるのでしょうか？

おそらく、スコープの問題ではないかと思うですが‥‥

よろしくお願いします。

register = () =>{
        // 管理者の登録
        var tail_id = 0; // AsyncStorage内、末尾のid
        AsyncStorage.getAllKeys((err, keys) => {
            AsyncStorage.multiGet(keys, (err, stores) => {
              stores.map((result, i, store) => {
                let key = store[i][0];
                let json = store[i][1]; 
                let json_parsed = JSON.parse(json);

                tail_id += 1;  // (1)
                console.log(tail_id); // (2)

              });
            });
        });
        console.log('tail',tail_id); // (3)
        let new_user ={
            id : tail_id,
            username : this.state.username,
            password : this.state.password,
        }
        AsyncStorage.mergeItem('ID' + new_user.id , JSON.stringify(new_user));
    }

登録後の期待するAsyncStorage中身

ID2 {id: 2, username: "C", password: "C"}
ID1 {id: 1, username: "B", password: "B"}
ID0 {id: 0, username: "A", password: "A"}

Answer 1

AsyncStorage はその名の通り非同期なので先に console.log('tail',tail_id); // (3) が走ってしまっています。
対処としては 2 つほどあります

1. AsyncStorage.multiGet 内で新しい id を生成して登録処理をする
2. 同期的に処理するために async/await を使う

Comments

[imaharu]

AsyncStorage.multiGet 内で新しい id を生成して登録処理をする
で解決しました。
ありがとうございます