0

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」を設定するのが目的です

プログラムから設定するケースが、検索でも見つけられず困っております

4
  • 1
    手元で確かめられていないので回答ではなくコメントにさせていただきますが、this.state.userid = data;の代わりにthis.setState({userid: data});としてもだめでしょうか? 一般にReactでは、this.stateを直接編集するのではなくthis.setStateを使ってstateを変更します。 2018年11月28日 16:57
  • うまく行きました。ただしTextInputにキーボードから入力出来なくなりました。キーボードは表示されるのですが、反映されないという感じです。当初の質問とずれますが、どなたか教えていただけると助かります。
    – nirgnehol
    2018年11月29日 1:26
  • TextInputの内容はvalue={this.state.userid}というように固定されています。ですので、TextInputの変更に合わせてそれをthis.state.useridに反映させる必要があります。 具体的には、TextInputに onChangeText={(text) => this.setState({userid: text})} 属性を追加するとよいのではないかと思います。 TextInputの使い方は公式ページ(英語ですが)に書いてありますのでコード等を参考にされるとよいと思います。 2018年11月29日 10:22
  • ご提示いただいた方法で出来ました。公式の情報もありがございました。
    – nirgnehol
    2018年11月30日 3:29

0

この質問に回答するには、ログインする必要があります。

のタグが付いた他の質問を参照する。