У меня есть компонент реакции с этим состоянием
const [name, setName] = useState('')
const [comment, setComment] = useState('')
const [notes, setNotes] = useState([])
эта функция обрабатывает элементы ввода для заполнения порядка
const handleComments = () => {
setNotes([...notes, {
name,
comment
}])
setName('')
setComment('')
}
, и эта функция отправляет информацию на сервер
const update = async () => {
const newNotes = notes.map(note => ({
name,
comment
}))
return updateNotesPromise(newNotes)
}
здесь у меня есть кнопка, которая должна выполнять обе функции
<Button onClick={} />
Как я могу создать функцию, которая передается через метод onClick и выполняет handleComments для загрузки информации в DOM, а затем, когда эта информация появится, выполняет функцию обновления и сохраняет информацию о заказе в БД?