TextInput値を別の変数にコピーして長さを見つける方法

Question

私はreact-nativeに新しいです。私はTextInputコンポーネントのコンテンツを別のユーザが何らかのテキストを入力したかどうかをチェックするためにその長さを見つける。ユーザーが空のTextInputを残すと、エラーメッセージが表示されます。入力を取得する

Answer 1

使用onChangeText、

export default class UselessTextInput extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { text: '' }; 
    } 

validation =() => { 
    this.state.text ? Alert.alert('','Valid') : Alert.alert('','Error'); 
} 

render() { 
    return (
    <TextInput 
     onChangeText={(text) => this.setState({text})} 
     value={this.state.text} 
    /> 
    <Button onPress={() => this.validation()}> 
     <Text>Validation</Text> 
    </Button> 
    ); 
} 
} 

私は、役立つことを願って:)

Answer 2

あなたはこれを行うことができます別のvariable.Simplyに新しい値をバインドする必要はありません。

constructor(props) { 
    super(props); 
    this.state = { text: '' }; 
} 

onChangeText(text) { 
    // DO WHATEVER YOU NEED TO DO WITH WHAT USER ENTERED!!! 
    if (text) { 
     alert('Blank'); 
    } 
    this.setState({ text }); 
} 

render() { 
    return (
    <TextInput 
     onChangeText={this.onChangeText} 
     value={this.state.text} 
    /> 
    ); 
}