コール非同期機能が反応ネイティブ

Question

を私は（下の認証コードサンプルで）Auth0認証を使用して、反応させ、ネイティブアプリケーションを作成しました：

_onLogin() { 
    auth0 
     .webAuth 
     .authorize({scope: 'openid email', audience: 'https://' + credentials.domain + '/userinfo'}) 
     .then(credentials => Alert.alert(
        'Login Success', 
        'AccessToken: ' + credentials.accessToken, 
        [ 
        {text: 'OK', onPress:() => console.log('OK Pressed')}, 
        ], 
        { cancelable: false }, 
        Actions.home() 
       )) 
     .catch(error => console.log(error)); 
    } 

と私はこの単純な機能を持っていますAsyncStorageにいくつかの値を格納するために使用されます（この場合は、上記の関数で正しく与えられたaccessTokenをcredentials.accessTokenで保存します）。

async _storeSomeValues(item, selectedValue) { 
    try { 
     await AsyncStorage.setItem(item, selectedValue); 
    } catch (error) { 
     console.log('AsyncStorage error: ' + error.message); 
    } 
    } 

私は、ポストの多くをチェック.then(...)ステートメントにこの機能を使用する多くの方法を試してみたが、それは私に、このエラーを表示し、常にだしました：

ReferenceError: _storeSomeValues is not defined

私の関数が定義されていないのはなぜここに？

これは私の最初の反応ネイティブアプリケーションです。私は反応する前にコード化されたことはありません。

Answer 1

_storeSomeValuesが別のファイルにある場合は、ファイルからエクスポートして別のファイルにインポートする必要があります。

file1.js

export async function _storeSomeValues(item, selectedValue) { 
    try { 
     await AsyncStorage.setItem(item, selectedValue); 
    } catch (error) { 
     console.log('AsyncStorage error: ' + error.message); 
    } 
    } 

で最初にして、あなたのfile2.js

import { _storeSomeValues } from 'path/to/file1.js'; 

に続いて、あなたのファイルの任意の場所にそれを使用することができます。別のファイルで_storeSopeValues()を使用するたびにこれを行います。