title: react-select not resetting value on change of state
body: <p>i have 2 select country inputs that i want to reset to default placeholder when resetting all the state inside a form. I am using 2 state variables to store the countries, i got a function that reset my state but select inputs does not reset to default. It stays selected on last country selected. I reset the state to null but i can't get it work. Can you please help me here?</p>
  
  <pre><code>class FormularioCalcular extends React.Component {
    constructor(props) {
      super(props);
  
      this.state = {
        moneda1: '',
        monto1: '',
        moneda1placeholder: 'Cantidad a enviar',
        moneda1disable: false,
        moneda2: '',
        monto2: '',
        moneda2placeholder: 'Cantidad a recibir',
        moneda2disable: false,
        pais1: null,
        pais2: null,
        disable: false
  
      };
  
      this.timeout = 0;
  
      this.moneda1Cambio = this.moneda1Cambio.bind(this);
      this.moneda2Cambio = this.moneda2Cambio.bind(this);
  
      this.baseState = this.state;
    }
  
    pais1Cambio = select =&gt; {
      let value = select.value;
      let value2 = prefijoMoneda(value);
      this.setState({
        pais1: value,
        moneda1: value2
      });
    };
  
    pais2Cambio = select =&gt; {
      let value = select.value;
      let value2 = prefijoMoneda(value);
      this.setState({
        pais2: value,
        moneda2: value2
      });
    };
  
    resetState = () =&gt; {
      this.setState(this.baseState);
      this.setState({
        pais1: null,
        pais2: null
      });
      ReactTooltip.hide();
    };
  </code></pre>
  
  <p>This is my select components, if i use value option on it, it crash and i cant change the country it remains on placeholder default message.</p>
  
  <pre><code>        &lt;Select
            name="paisorigen"
            onChange={this.pais1Cambio}
            options={paises}
            className="paisSelectContainer"
            classNamePrefix="paisSelect"
            placeholder="Pais de origen"
            isDisabled={this.state.disable}
          /&gt;
  
          &lt;Select
            name="paisdestino"
            onChange={this.pais2Cambio}
            options={paises}
            className="paisSelectContainer"
            classNamePrefix="paisSelect"
            placeholder="Pais destino"
            isDisabled={this.state.disable}
          /&gt;
  </code></pre>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Value option where crashing because it needs to receibe and object with value and label like this.</p>
  
  <pre><code>        &lt;Select
            name="paisorigen"
            onChange={this.pais1Cambio}
            options={paises}
            className="paisSelectContainer"
            classNamePrefix="paisSelect"
            placeholder="Pais de origen"
            isDisabled={this.state.disable}
            value={{ value: this.pais1, label: labelPais(this.pais1) }}
          /&gt;
  </code></pre>
  
  <p>But now i got a problem because when i click some option. It stays in default value. This is the function that i am using onChange</p>
  
  <pre><code>  pais1Cambio = select =&gt; {
      let value = select.value;
      let value2 = prefijoMoneda(value);
      this.setState({
        pais1: value,
        moneda1: value2
      });
    };
  </code></pre>