React,JSXにてHTMLタグの要素を条件分岐させたい

前提・実現したいこと

現在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>