title: How to reset a FluentUI Dropdown selection on a change somewhere else?
body: <p>I'm using a <a href="https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown" rel="nofollow noreferrer">FluentUI dropdown</a> in a reactjs office addin and would like for it to be reset when the user types in a completely different textbox. Can I get a reference to the dropdown and call some reset function?</p>
  <p>It's a plain single-select dropdown like:</p>
  <pre class="lang-js prettyprint-override"><code>return &lt;Dropdown
              placeholder={&quot;Pick a thing&quot;}
              label={&quot;Things&quot;}
              options={ thingOptions }
              onChange={ handleSelectThing }
         &gt;
  </code></pre>
  <p>I saw <a href="https://github.com/microsoft/fluentui/issues/5917" rel="nofollow noreferrer">https://github.com/microsoft/fluentui/issues/5917</a> but it doesn't quite seem to be the same thing.</p>