AsyncStorageにsetItemを設定できません

Question

AsyncStorageでsetItemにアクセスできません。以下は私のコードです。だから私はTextInputから州の名前を得て、それをAsyncStorageonPressのTouchableOpacityに保存したいと思います。私はエラーを取得しています：

import React, { Component } from 'react'; 
import { View, Text, StyleSheet, TextInput, TouchableOpacity} from 'react-native'; 

class AsyncStorage extends Component { 

    constructor(props) { 
     super(props); 
     this.state = { 
      name:'' 
     } 
     //this.asyncSetName = this.asyncSetName.bind(this) //tried this too. 
    }; 

    asyncSetName(){ 
     let name = this.state.name 
     AsyncStorage.setItem('name', name); 
    } 

    render(){ 
     <View> 
      <TextInput 
       placeholder='Set Name here' 
       onChangeText={(name) => this.setState({name})} 
       value={this.state.name} 
       autoCorrect={false} 
      ></TextInput> 

      <TouchableOpacity 
       onPress={this.asyncSetName.bind(this)} 
      > 
       <Text>SetName</Text> 
      </TouchableOpacity> 
     </View> 
    } 
} 

私が間違って何をしているのですか？助けてください。あなたはまた、コメントを解除asyncSetName機能

の結合このライン

this.asyncSetName = this.asyncSetName.bind(this) 

を維持する必要があります

import { View, Text, StyleSheet, TextInput, TouchableOpacity , AsyncStorage} from 'react-native'; 

react-nativeから AsyncStorageをインポートする必要が

Answer 1

また@クリスあなたによって発見として異なるクラス名に変更する必要がありますAsyncStorage

Answer 2

1. @Amirによれば、AsyncStorageをreact-nativeからインポートし、拘束力を維持する必要があります。
2. このクラスでは、クラス名をAsyncStorageに変更することをお勧めします。
3. オプションで、AsyncStorageキーの名前空間を設定することもできます。 @AppNameをキーの前に置くのが一般的です。最後のキーは@AppName${this.state.name}になります。しかし、これもオプションであり、単に慣例である。