前提・実現したいこと
現在Railsでwebアプリケーションを開発しておりそのJavascriptフレームワークとしてReactを導入しました
よくあるユーザー情報編集画面を実装したいのですが「現在のユーザーから性別を取得しその結果によってラジオボタンの初期チェックを操作する」という機能のつけ方が思いつきません
Javascriptを触って1週間程度なのでごく簡単な質問をしているかもしれませんが皆さんの意見をお聞かせください
該当のソースコード
edithtmlerb
1 2 <%= react_component("EditUser", token: form_authenticity_token, user: current_user) %> 3 4
EditUserjs
1return ( 2 <form class="edit_user" id="edit_user" action="/users" enctype="multipart/form-data" accept-charset="UTF-8" method="post"> 3 <input type="hidden" name="_method" value="put"></input> 4 <input type="hidden" name="authenticity_token" value={this.props.token} /> 5 6 <div class="topandbottom5px"> 7 <div class="radio"> 8 <label htmlFor="user_gender_0"> 9 <input type="radio" value="0" name="user[gender]" checked="checked" id="user_gender_0" /> 10 男</label></div> 11 <div class="radio"> 12 <label htmlFor="user_gender_1"> 13 <input type="radio" value="1" name="user[gender]" id="user_gender_1" /> 14 女</label></div> 15 </div>
修正後
let man if (this.props.user.gender == 0) { man = true; } else { man = false; } let woman if (this.props.user.gender == 1) { woman = true; } else { woman = false; } <div class="topandbottom5px"> <div class="radio"> <label htmlFor="user_gender_0"> <input type="radio" value="0" name="user[gender]" checked={man} id="user_gender_0" /> 男</label></div> <div class="radio"> <label htmlFor="user_gender_1"> <input type="radio" value="1" name="user[gender]" checked={woman} id="user_gender_1" /> 女</label></div> </div>
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/10/30 14:56