Как я могу добавить кнопку обновления и удаления в меню автозаполнения с помощью Material-ui с React.js

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