React material-UI Autocompleteで値を取得する

React Material-UI（ https://material-ui.com/components/autocomplete/）。

デモコードでは、

    <Autocomplete
      options={top100Films}
      getOptionLabel={(option: FilmOptionType) => option.title}
      style={{ width: 300 }}
      renderInput={params => (
        <TextField {...params} label="Combo box" variant="outlined" fullWidth />
      )}
    />

どのように機能するかはわかりますが、選択した値を取得する方法がわかりません。

たとえば、 onChangeプロップをこれして、選択に基づいていくつかのアクションを実行できるようにします。

追加してみた onChange={v => console.log(v)}

ただし、v選択した値に関連するものは何も表示されません。

渡すことで解決(event, value)にonChange小道具。

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>