title: React - How to set default value in react-select
body: <p>I used <a href="https://github.com/JedWatson/react-select" rel="noreferrer">react-select</a> in my application for showing select box. below is code of my select.</p>
  
  <pre><code>&lt;Select
         className="custom-form-control mb-2"
         name="organization_options"
         options={this.organizationOptions()}
         placeholder={false}
         onChange={this.handleChange.bind(this)}
         value={selectedValue === "" ? this.organizationOptions()[0] : selectedValue}
  /&gt;
  </code></pre>
  
  <p>Below are the options i already have in select box </p>
  
  <pre><code>0: {value: "62", label: "Dfdf"}
  1: {value: "128", label: "Dfdfdsf"}
  2: {value: "151", label: "Fgfdgdfh"}
  3: {value: "121", label: "Hhhfas"}
  4: {value: "55", label: "My Sensor_56"}
  5: {value: "13", label: "New Org"}
  6: {value: "44", label: "Org 2"}
  7: {value: "148", label: "Testing App"}
  </code></pre>
  
  <p>I have the value from query string like value="55", if the value is present i want to show that selected value in select box .</p>
  
  <p>I tried in 2 different ways which are shown as below code , </p>
  
  <p><strong>1)</strong></p>
  
  <pre><code>selectedValue='55'
  defaultValue={this.organizationOptions().find(op =&gt; {
     return op.value === selectedValue
  })}
  </code></pre>
  
  <p><strong>2</strong></p>
  
  <pre><code>defaultValue={{value: "55", label: "My Sensor_56"}}
  </code></pre>
  
  <p>But no one works, Can somebody tell me How can i set defaultV
  alue if already have or don't show default value if i don't have selected value ?</p>