Получение значения в автозаполнении React material-UI

Question

Я имею в виду документацию 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 не показывает ничего, связанного с выбранным значением.

Answer 1

Решается путем передачи (event, value) в onChange реквизита.

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