title: Getting the value in the React material-UI Autocomplete
body: <p>I am referring to the documentation of React Material-UI (<a href="https://material-ui.com/components/autocomplete/" rel="noreferrer">https://material-ui.com/components/autocomplete/</a>).</p>
  
  <p>In the demo code,</p>
  
  <pre><code>    &lt;Autocomplete
        options={top100Films}
        getOptionLabel={(option: FilmOptionType) =&gt; option.title}
        style={{ width: 300 }}
        renderInput={params =&gt; (
          &lt;TextField {...params} label="Combo box" variant="outlined" fullWidth /&gt;
        )}
      /&gt;
  </code></pre>
  
  <p>I get how it works, but I am not sure how I am supposed to get the selected value.</p>
  
  <p>For example, I want to use the <code>onChange</code> prop to this so that I can make some actions based on the selection.</p>
  
  <p>I tried adding <code>onChange={v =&gt; console.log(v)}</code> </p>
  
  <p>but the <code>v</code> does not show anything related to the selected value.</p>