2016-09-23 7 views
1

機能コンポーネント内でユーザー入力を取得したい(私はreduxアーキテクチャを使用しています)。しかし、私がconsole.log()参照された項目を参照すると、実際のオブジェクトではなくコンストラクタが得られます。TextInputは参照によって値を取得します。

状態を操作せずにユーザー入力を取得するにはどうすればよいですか?

<Modal visible={visibleModal === 'addRoom'} onRequestClose={() => null}> 
    <TextInput ref={el => {roomName = el}} style={styles.input} /> 
    <Button onPress={() => store.dispatch(hideModal())}>Cancel</Button> 
    <Button onPress={() => { 
     store.dispatch(addRoom({name: roomName.value})) 
     return store.dispatch(hideModal()) 
    }}>OK</Button> 
    </Modal> 
+0

ドキュメントのTextInput ref = {(c)=> this._input = c} 'に基づいて、その値を返す必要があります。おそらくこれを使用します。それをコンストラクタで見ることができます。 – ajmajmajma

答えて

1

を通して、あなたのTextInputにアクセスする際.valueを試してみてください。入力からテキストを取得する唯一の方法は、変更イベントを購読することです。

-1

あなたはネイティブリアクトであなたは、REFでのTextInputの値を取得することはできませんref

+0

これは、React Webで要素を使用しても動作する可能性がありますが、React Nativeでは動作しません –

関連する問題