title: Conditional Form Field Can't Be filled
body: <p>When i choose and set value of status_pegawai, this form will show base on what i choose. But unfortunatelly if i fill the form, the value didn't set. I've already add bind to every function in constructor.</p>
  <p>this is my handleField module :</p>
  <pre><code>handleField(){        
          let dasar
          switch (this.state.status_pegawai) {
              case 'PARTTIME':
                  dasar= &lt;React.Fragment&gt;&lt;TableRow&gt;&lt;td&gt;&lt;/td&gt;&lt;/TableRow&gt;&lt;/React.Fragment&gt;
                  this.setState({dasar})
                  break;
              case 'PERBANTUAN':
                  dasar= &lt;React.Fragment&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Penunjukan&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_perbantuan' value={this.state.no_sk_perbantuan} onChange={this.onNoSKPerbantuanChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Penunjukan&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_perbantuan' value={this.state.tanggal_sk_perbantuan} onChange={this.onTanggalSKPerbantuanChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                  &lt;/React.Fragment&gt;
                  this.setState({dasar})
                  break;
              case 'PENGAWAS':
                  dasar= &lt;React.Fragment&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Penunjukan&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_perbantuan' value={this.state.no_sk_perbantuan} onChange={this.onNoSKPerbantuanChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Penunjukan&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_perbantuan' value={this.state.tanggal_sk_perbantuan} onChange={this.onTanggalSKPerbantuanChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                  &lt;/React.Fragment&gt;
                  this.setState({dasar})
                  break;
              case 'KONTRAK':
                  dasar= &lt;React.Fragment&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Kontrak&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_kontrak' value={this.state.no_sk_kontrak} onChange={this.onNoSKKontrakChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Kontrak&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_kontrak' value={this.state.tanggal_sk_kontrak} onChange={this.onTanggalSKKontrakChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                  &lt;/React.Fragment&gt;
                  this.setState({dasar})
                  break;
              default:
                  dasar= &lt;React.Fragment&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Kontrak&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_kontrak' value={this.state.no_sk_kontrak} onChange={this.onNoSKKontrakChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Kontrak&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_kontrak' value={this.state.tanggal_sk_kontrak} onChange={this.onTanggalSKKontrakChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Calon Pegawai&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_kontrak' value={this.state.no_sk_capeg} onChange={this.onNoSKCapegChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Calon Pegawai&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_kontrak' value={this.state.tanggal_sk_capeg} onChange={this.onTanggalSKCapegChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Pegawai Tetap&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_kontrak' value={this.state.no_sk_kartap} onChange={this.onNoSKKartapChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Pegawai Tetap&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_kontrak' value={this.state.tanggal_sk_kartap} onChange={this.onTanggalSKKartapChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Masa Persiapan Pensiun&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_kontrak' value={this.state.no_sk_mpp} onChange={this.onNoSKMPPChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Masa Persiapan Pensiun&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_kontrak' value={this.state.tanggal_sk_mpp} onChange={this.onTanggalSKMPPChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                      &lt;TableRow&gt;
                          &lt;td&gt;No SK Pensiun&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='text' name='no_sk_pensiun' value={this.state.no_sk_pensiun} onChange={this.onNoSKPensiunChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                          &lt;td&gt;Tanggal SK Pensiun&lt;/td&gt;
                          &lt;td&gt;&lt;FormControl className='formcontrol extra-large' type='date' name='tanggal_sk_pensiun' value={this.state.tanggal_sk_pensiun} onChange={this.onTanggalSKPensiunChange}&gt;&lt;/FormControl&gt;&lt;/td&gt;
                      &lt;/TableRow&gt;
                  &lt;/React.Fragment&gt;
                  this.setState({dasar})
                  break;
          }
  </code></pre>
  <p>and that code was called in handler function onStatusPegawaiChange</p>
  <pre><code>
      async onStatusPegawaiChange(event){
          await this.setState({status_pegawai: event.target.value})
          await this.handleField()
      }
  </code></pre>