Как я могу изменить поля формы на основе выпадающего списка с reactJS

Question

В моем раскрывающемся меню у меня есть два варианта: Да или Нет. Я хочу, чтобы один компонент отображался, когда пользователь выбирает Да, и другой компонент - для отображения, если пользователь выбирает Нет. Также я хочу, чтобы при обновлении страницы sh параметры не должны были отображаться. показано на странице

Check Image

Как мне достичь своей цели? Я делюсь своим кодом ниже

Here is the dropdown fields, 
const CustomTimings=[
  {label:'Yes', value: 1},
  {label:'No', value: 2}
]

const DateAndTime = () => (
      <div>
        {CustomTimings === 'Yes'
        ? <CustomeTimeYes />
        : <CustomeTimeNo />
    }
return
<div className="input-field">
            <div class="row">
              <div class="col-4">
              <label htmlFor="customerype">Customer Type</label><br />
              <Select options={CustomerType} onChange={this.handleChangeCT} value={this.state.CustomerType} />
              </div>
              <div class="col-4">
              <label htmlFor="learning">Do you have custom timings</label><br/>
              <Select options={CustomTimings} onChange={this.handleChangeCTime} value={this.state.CustomTimings} />
              </div>
            </div>
          </div><br />
          <div>
          {DateAndTime()}
          <br />
          </div>

Может кто-нибудь объяснить, что я здесь делаю неправильно, либо он показывает оба компонента, либо любой из них и не меняется на refre sh