システムメンテナンスのお知らせ

jsxファイルで画面が作られていて、ラジオボタンを追加しなければならなくて
下記のようにしたらとりあえずラジオボタンが表示されて、押されたら該当する
データが読み込めるようになったのですが、これだと表示したとき東京・大阪の
どちらも押されていない状態です。初期値を”東京”としておきたいのですが
どのように書けば良いかご教示頂きたいです。


<div className="form-group">
<input type=radio" name="test"
value="tokyo" checked={this.state.place === 'tokyo'}
onChange={() => this.setState({place: 'tokyo'})} /> 東京
value="osaka" checked={this.state.place === 'osaka'}
onChange={() => this.setState({place: 'osaka'})} /> 大阪
</div>

gooドクター

A 回答 (1件)

checked属性について調べてみると吉になろうかと。

    • good
    • 1
この回答へのお礼

回答ありがとうございます。「'})} checked="checked" />東京」とやったら表示時にチェックが入って見えたのですが、2回押さないと大阪に移りません。書き方が違っている(何か足りない?)のではないかと思ってます。

お礼日時:2021/02/28 22:38

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

gooドクター

このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング