title: Form.Select value onChange Semantic UI React
body: <p>I need to get the value from Form.Select onChange, and also need it to persist from the value property.</p>
  <p>Form</p>
  <pre><code>            &lt;Form onSubmit={submitSSOLink}&gt;
                  &lt;Form.Group widths='equal'&gt;
                      &lt;Form.Input required={true} onChange={(e) =&gt; updateInput(e,&quot;name&quot;)} fluid label='Name' placeholder='Gitlab' value={name} /&gt;
                      &lt;Form.Input required={true} onChange={(e) =&gt; updateInput(e,&quot;link&quot;)} fluid label='Link Url' placeholder='https://www.gitlab.com' type=&quot;url&quot; value={link} /&gt;
                  &lt;/Form.Group&gt;
                  &lt;Form.Group&gt;
                      &lt;Form.Select
                          fluid
                          label='Category'
                          placeholder='Category'
                          options={options}
                          onChange={(e:any) =&gt; updateInput(e,&quot;category&quot;)}
                          required={true}
                          value={category}
                      /&gt;
                  &lt;/Form.Group&gt;
                  &lt;Form.Group widths='equal'&gt;
                  &lt;Form.Input required={true} onChange={(e) =&gt; updateInput(e, &quot;owner&quot;)} fluid label='Owner' placeholder='Ian Malcolm'  value={owner} /&gt;
                  &lt;Form.Input required={true} onChange={(e) =&gt; updateInput(e,&quot;ownerEmail&quot;)} fluid label='Owner Email' placeholder='Ian.Malcolm@JP.com' type=&quot;email&quot; value={ownerEmail} /&gt;
                  &lt;/Form.Group&gt;
                  &lt;Form.TextArea required={true} onChange={(e) =&gt; updateInput(e,&quot;description&quot;)} fluid label='Description' placeholder='Fantastic resource' type=&quot;text&quot; value={description} /&gt;
                  &lt;Button type='submit'&gt;Submit&lt;/Button&gt;
              &lt;/Form&gt;
  </code></pre>
  <p>updateInput (MOBX Store)</p>
  <pre><code>@action updateInput = async (e:any, fieldName:string) =&gt; {
      this.loadingStatus = true;
      console.log(e.currentTarget)
      try {
          runInAction('updating field value', () =&gt; {
              switch(fieldName) {
                  case &quot;name&quot;:
                      this.name = e.currentTarget.value;
                      break;
                  case &quot;link&quot;:
                      this.link = e.currentTarget.value;
                      break;
                  case &quot;category&quot;:
                      this.category = e.currentTarget.value;
                      break;
                  case &quot;owner&quot;:
                      this.owner = e.currentTarget.value;
                      break;
                  case &quot;ownerEmail&quot;:
                      this.ownerEmail = e.currentTarget.value;
                      break;
                  case &quot;description&quot;:
                      this.description = e.currentTarget.value;
                      break;
              }
          })
          console.log(e.currentTarget.getAttribute('value'))
      } catch (error) {
          console.log(error);
          this.loadingStatus = false;
      }
  }
  </code></pre>
  <p>Right now it always returns null. When returning just currentTarget it shows a div element and a  inside. Perhaps this is causing the value to be undefined? What is the best way to capture / persist the value of Form.Select onChange?</p>