React material-UI 자동 완성에서 가치 얻기

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 />
    )}
/>