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

Ответы:


41

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

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

Как добавить onsubmit?
Проттай

3
Я потратил часы подряд, пытаясь понять это значение правильно, это решено красиво.
Луис Фебро

Правильный ответ. Примите это, пожалуйста.
ô Công Bằng
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.