Material-UI: Autocmplete: Как использовать обычный ввод?

Question

Как можно использовать обычный input вместо TextField в Autocomplete? 100

Я думал, что это работает так, но это не так. : (

https://codesandbox.io/s/material-demo-f4ofp

Answer 1

Ключом является чтение документации вся API (также соответствующие компоненты): просто используйте стандартный TextField и отключите подчеркивание от Input: https://codesandbox.io/s/material-demo-xhzsw

Answer 2

Вы можете использовать что-то вроде:

<label for="movie">Choose a Movie:</label>
<input list="movieList" id="movie" name="movie-list" />

<datalist id="movieList">
    <option value="The Shawshank Redemption">
    <option value="The Godfather">
    <option value="Schindler's List">
    <option value="Pulp Fiction">
    <option value="Star Wars: Episode V - The Empire Strikes Back">
    <option value="Inception">
    <option value="Goodfellas">
    <option value="The Matrix">
    <option value="City of God">
    <option value="Requiem for a Dream">
    <option value="Eternal Sunshine of the Spotless Mind">
    <option value="Dangal">
    <option value="Like Stars on Earth">
    <option value="A Clockwork Orange">
    <option value="Braveheart">
    <option value="Oldboy">
    <option value="Witness for the Prosecution">
    <option value="Singin' in the Rain">
    <option value="Inglourious Basterds">
</datalist>