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

17

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

Dawn17
источник

Ответы:

41

Решаемые с помощью Передает (event, value)к onChangeреквизита.

<Autocomplete
    onChange={(event, value) => console.log(value)} // prints the selected value
    renderInput={params => (
        <TextField {...params} label="Label" variant="outlined" fullWidth />
    )}
/>
Dawn17
источник
Как добавить onsubmit?
Проттай
3
Я потратил часы подряд, пытаясь понять это значение правильно, это решено красиво.
Луис Фебро
Правильный ответ. Примите это, пожалуйста.
ô Công Bằng