Отримання значення в React material-UI Autocomplete


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

Як додати підписку?
Проттай

3
Я витрачав години назустріч, намагаючись отримати це значення правильно, це вирішилося красиво.
Луїс Фебро

Правильна відповідь. Прийміть це, будь ласка.
Đỗ Công Bằng
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.