title: React input flips every time i click the next input
body: <p>I have two drop down inputs. I am having some unexplained issues with them however. When I click on the top input and select it works as expected until I select the bottom input. As soon as I select an option from the bottom selection it makes the top input reset the to the "pick an option". I am not sure how to change this behavior. Thanks for helping.</p>
  
  <pre><code>import "../App.css";
  import React, { useState } from "react";
  import { checkRef } from "./firebase";
  
  function Interface() {
    const [choices, setChoices] = useState({
      selectValue: "Pick Reason",
      damageValue: "Pick Reason",
      submitted: true,
      default: "Pick Option",
      screen: 0,
      keys: 0,
      trackpad: 0,
      headphneJack: 0,
      battery: 0,
      other: 0
    });
  
    let handleCart = function(e) {
      return setChoices({ selectValue: e.target.value });
    };
  
    let handleDamage = function(e) {
      if (e.target.value === "Broken Screen") {
        return setChoices({
  
          selectValue: choices.selectValue,
          damageValue: e.target.value,
          submitted: true,
          default: "Pick Option",
          keys: 0,
          trackpad: 0,
          headphneJack: 0,
          battery: 0,
          other: 0,
          screen: +1
        });
        //
      } else if (e.target.value === "Broken Keys") {
        return setChoices({
          selectValue: choices.selectValue,
          damageValue: e.target.value,
      submitted: true,
      default: "Pick Option",
      screen: 0,
      keys: +1,
      trackpad: 0,
      headphneJack: 0,
      battery: 0,
      other: 0
  
  
        });
      } else if(e.target.value === "Won't Charge"){
          return setChoices({
              selectValue: choices.selectValue,
              damageValue: e.target.value,
              submitted: true,
              default: "Pick Option",
              screen: 0,
              keys: 0,
              trackpad: 0,
              headphneJack: 0,
              battery: +1,
              other: 0
          })
      } else if(e.target.value === "Trackpad"){
          return setChoices({
              selectValue: choices.selectValue,
              damageValue: e.target.value,
              submitted: true,
              default: "Pick Option",
              screen: 0,
              keys: 0,
              trackpad: +1,
              headphneJack: 0,
              battery: 0,
              other: 0
          })
      }
      //
  
      //
      else {
        return setChoices({ ...choices, damageValue: e.target.value });
      }
    };
  
    let buttonSub = function(e) {
      e.preventDefault();
      const item = {
  
        reason: choices.damageValue,
        grade: choices.selectValue,
        screen: choices.screen,
        keys: choices.keys,
        battery: choices.battery,
        trackpad: choices.trackpad
      };
      checkRef.push().set(item);
      setChoices({
      damageValue: 'hi',
        submitted: false,
        screen: 0,
        keys: 0,
        battery: 0,
        trackpad: 0
      });
    };
  
    return (
      &lt;div className="App"&gt;
        &lt;h1&gt;Chromebook Deposit Form&lt;/h1&gt;
        &lt;form&gt;
          &lt;div className="form-group"&gt;
            &lt;label&gt;Choose what grade you're in&lt;/label&gt;
            &lt;select
              className="form-control w-50 "
              id="cart"
              onChange={handleCart}
              value={choices.damageValue}
            &gt;
              &lt;option&gt;{choices.default}&lt;/option&gt;
              &lt;option&gt;6th Grade&lt;/option&gt;
              &lt;option&gt;7th Grade&lt;/option&gt;
              &lt;option&gt;8th Grade&lt;/option&gt;
            &lt;/select&gt;
            &lt;hr&gt;&lt;/hr&gt;
            &lt;label&gt;Select Your Reason For deposit&lt;/label&gt;
            &lt;select
              className="form-control w-50 "
              id="cart"
              value={choices.damageValue}
              onChange={handleDamage}
            &gt;
              &lt;option&gt;{choices.default}&lt;/option&gt;
              &lt;option&gt;Broken Screen&lt;/option&gt;
              &lt;option&gt;Broken Keys&lt;/option&gt;
              &lt;option&gt;Won't Charge&lt;/option&gt;
              &lt;option&gt;Trackpad&lt;/option&gt;
              &lt;option&gt;Other&lt;/option&gt;
            &lt;/select&gt;
  
            &lt;button className="button" onClick={buttonSub}&gt;
              Submit Information
            &lt;/button&gt;
          &lt;/div&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    );
  }
  
  export default Interface;
  
  
  
  
  </code></pre>