ReactNative：TextInputはデータバインディングのvalue-attributeと奇妙な動作をします

Question

反応ネイティブのアプリケーションでは、value属性を使用すると入力できないフォームを作成しました。すべての新しい文字が削除され、テキストボックスは前のフォームの状態にリセットされます。

class LoginScreen extends Component { 

    constructor(props) { 
     super(props); 

     this.state = { 
      username: 'nobody', 
      password: '****' 
     }; 
     } 

    render() { 

     return (
      <View style={styles.container}> 
        ....... 
        <View style={styles.inputContainer}> 
         <TextInput 
          style={[styles.input, styles.whiteFont]} 
          placeholder="Username" 
          placeholderTextColor="#FFF" 
          value={this.state.username} 
         /> 

このコードを使用して入力することはできません。私がvalue-attibuteを削除すると、すべて正常に動作します。しかし、私はこのデータバインディングを使用したいと思います。

データバインディングでTextInput-Elementsを処理するにはどうすればよいですか？

更新：

私はまた、任意の成功せず、これを試してみました：

    <TextInput 
         style={[styles.input, styles.whiteFont]} 
         placeholder="Username" 
         placeholderTextColor="#FFF" 
         value={this.state.username} 
         ref= "username" 
         onChangeText={(username) => this.setState({username})} 
        /> 

Answer 1

あなたが値aに状態を設定するためにあなたのTextInputコンポーネントに以下のようなイベントハンドラを追加したいですユーザーの入力onChangeText={(text) => this.setState({username: text})}