TextInputにプログラムから値を設定する方法がわかりません
キーボードから入力したい値は、stateに入れることはわかるのですが、stateを変えても反映されることでもないと思います
state = {
userid : null,
}
_changeText = ({ data }) => {
this.state.userid = data;
//この処理で、TextInputに設定したい
}
<Button
onPress={ () => this._changeText("hoge") }>
</Button>
<TextInput
value={this.state.userid}
/>
ボタンを押すと、TextInputに「hoge」を設定するのが目的です
プログラムから設定するケースが、検索でも見つけられず困っております
this.state.userid = data;
の代わりにthis.setState({userid: data});
としてもだめでしょうか? 一般にReactでは、this.state
を直接編集するのではなくthis.setState
を使ってstate
を変更します。value={this.state.userid}
というように固定されています。ですので、TextInputの変更に合わせてそれをthis.state.userid
に反映させる必要があります。 具体的には、TextInputにonChangeText={(text) => this.setState({userid: text})}
属性を追加するとよいのではないかと思います。 TextInputの使い方は公式ページ(英語ですが)に書いてありますのでコード等を参考にされるとよいと思います。