#reactjs #material-ui
Вопрос:
Я пытаюсь создать компонент автозаполнения, который я могу добавлять, обновлять и удалять в меню выбора, пока он открыт.
Благодаря создаемому компоненту автозаполнения material-ui я могу легко добавить действие, однако нет никаких ссылок на остальные действия.(обновить и удалить)
Вот образ примера, который я хочу создать. Имя и кнопки будут опциями меню выбора.
Как я могу создать опцию, подобную приведенной выше? Должен ли я также вручную указать dom для каждого варианта?
Комментарии:
1. Вы можете использовать
Multiple values
вmaterial-ui Autocomplete
нем, который даст вам возможность удалить, добавить и обновить,example
: codesandbox.io/s/xqex8
Ответ №1:
const TodoApp = () => {
const [inputArray, setInputArray] = useState([])
return (
<div>
{
inputArray.map(item => (
<input id={item.id} value={item.value)/>
)
)
}
<button onClick={() => setinputArray(s => [...s, {id: 1231231313}])}>
</div>
)
}