2016-08-01 5 views
0

これは基本的なようですが、私はそれを行うことはできません。どこにも書かれていないようです。反応ページにテキスト要素がありますテキストエレメントの内容を変更してください。

<Text ref="WarningText" 
        style={loginStyle.warningLabel}>{this.warningText}</Text> 

このText要素の内容を変更したいと思います。 this.warningTextを変更してもthis.refs.WarningText.setNativeProps({text: text});を呼び出すことや、私が思いつくかもしれない他のpropnameを変更することはできません。

ご協力いただきありがとうございます。

答えて

2

参考文献などの代わりに状態を使用する方がよい。それは反応のデザインパターンです。

<Text style={loginStyle.warningLabel}>{this.state.warningText}</Text> 

とあなたのイベントにあなたは状態をchnagingことにより、テキストを変更し、自動的にテキストを更新し反応させることができます。

this.setState({warningText: "some text"}) 

ここでもう少しdocumentation on setStateです。これは、コンポーネントの状態を使用する方法と使用しない方法の多くを提供します。

+0

簡単な質問setState({...})呼び出しですべての「状態」パラメータを明示的に定義する必要がありますか、または未定義の値をGUIに残しておきますか? –

+0

@DaanLuttik彼らは単独で残されます – FuzzyTree

+0

@FuzzyTreeが言ったように、彼らは一人で放置されるでしょう。あなたの状態やものを扱うためのより良いデザインパターンは、Reduxを使用しています。あなたもそれをチェックしたいかもしれません。 – abeikverdi

関連する問題