React Nativeを使用していますが、これらの機能があります。 renderInputs()
はいくつかの入力フィールドを生成し、一方getNextWord()
は関係のないいくつかのことを行い、さらに状態を更新します。私render()
方法でボタンクリック時のTextInput値をクリアする - React Native
getNextWord() {
// do some stuff
this.setState({ set states here });
}
renderInputs() {
var products = []
// some code that generates a randomNumber
for (let p = 0; p < randomNumber; p++){
products.push (<TextInput defaultValue="" maxLength={1} key={p} onChangeText={(text) => this.handleChange(text, p)}></TextInput>);
}
return products
}
Iは、入力フィールドを表示し、私は毎回が、それはgetNextWord()
機能をトリガクリックされたIボタンを配置。
<View>{this.renderInputs()}</View>
<Button onPress={this.getNextWord.bind(this)}>Get Next Word</Button>
今、私が正しく入力フィールドを見ることができる、と毎回私はrenderInputs()
は、入力フィールドの新しい束を生成し、「次の単語を取得」ボタンをクリックします。
私の問題は、これらの入力フィールドのいずれかの中に文字を入力すると、ボタンをクリックするとその文字が表示されますが、最初は入力フィールドをすべて空にしたいと思っています。
defaultValue=""
を使ってみましたが、うまくいかないようです。 私が行う場合:defaultValue="A"
これは私が一度アプリケーションを実行することです。
例:
初めてrenderInputs()
が呼び出されます。
_ _ _ _ _ _ //空の入力(のはrandomNumber
が6であるとしましょう)
その後、私は第二の入力に入力しますフィールド手紙、のは、G _
を "G" と言わせ_ _ _ _
O
AGAAAAAA
が、私は持っていたい:
AAAAAAAA
NCE私はrenderInputs()
が
randomNumber
を生成し、「ゲット次の単語」ボタンをクリックし、入力フィールドと、これは私が得るものである(のは、生成された乱数が8であるとしましょう)
ありがとうございました。最後に私は方法を使って解決しましたclear(0) – splunk
私は新しいことを推測していますプログラミングとSO :)私は 'clear(0)'が何を意味するのか分かりません。うれしいあなたは解決策を見つけました! – goldylucks