ボタン - 有効と無効

Question

React Nativeを使用してフォームを作成しましたが、TextInputが空のときに録音ボタンを無効にし、すべてのTextInputが入力されたらボタンを有効に戻します。

どうすればよいですか？私に例を教えてもらえますか？

Answer 1

あなたはこのような何かを行うことができます。

class Form extends Component { 
    constructor(props) { 
    super(props); 
    this.state = { name: '', email: '' }; 
    } 

    render() { 
    const { name, email } = this.state; 

    return (
     <View> 
     <TextInput 
      onChangeText={name => this.setState({ name })} 
      value={name} 
     /> 
     <TextInput 
      onChangeText={email => this.setState({ email })} 
      value={email} 
     /> 
     <TouchableHighlight disabled={!name || !email}> 
      Submit 
     </TouchableHighlight> 
     </View> 
    ); 
    } 
} 

を基本的には、状態のTextInput秒の各値を格納し、あなたはTouchable*（もButtonのために働く）コンポーネントのdisabled小道具を切り替えたときに、すべての値が入力されます。 ここでは、長さや一致するパターンのような基本的な検証を行うこともできます。