入力テキストの変更中にネイティブコンポーネントに反応する属性を追加します

Question

テキストの変更中にReactコンポーネントに属性を追加する方法はありますか？

登録ページがあります。コンポーネントに「エラー」属性を追加してテキストボックスを強調表示したいと思います。

PS：プロジェクトにNativeBaseを使用していますが、「入力」は反応ネイティブの「テキスト」と同じです。以下は

エラー

以下

<Item> 
    <Input placeholder='Email' onChangeText={(val) => this.validateEmail(val)}/> 
    <Icon name='close-circle' /> 
</Item> 

のないコードはあなたのすべてを喜ばせることができ、アクション中に余分な属性を追加することは、できない場合はコードがエラー

<Item error> 
    <Input placeholder='Email' onChangeText={(val) => this.validateEmail(val)}/> 
    <Icon name='close-circle' /> 
    </Item> 

が表示されますですこれを達成する方法を私に示唆していますか？

ご迷惑をおかけして申し訳ありませんが、私はまだネイティブに対応するのが非常に新しいです。

Answer 1

あなたは状態に基づいて、trueまたはfalseにエラーを設定し、その状態値トグルvalidateEmailを持つことができます。

this.state = { 
    showError: false 
} 
... 
<Item error={this.state.showError}> 

and somewhere inside validateEmail you would do this.setState({ showError: true })