Кнопка «Отправить» перед удалением данных, reactjs - PullRequest
Новая
       21

Кнопка «Отправить» перед удалением данных, reactjs

0 голосов
/ 10 апреля 2020

Я ищу ответ о том, как добавить к этой функции кнопку отправки перед удалением. Часть моего кода: 

// func
const deleteData = id => {
    setEditing(false);
    firebase
      .firestore()
      .collection("users")
      .doc(id)
      .delete();
  };

------------------
// and the button without submit option
<button onClick={() => props.deleteData(props.item.id)} />

1 Ответ

0 голосов
/ 10 апреля 2020

Чтобы гарантировать выполнение одного вызова функции за другим, вы хотите написать их асинхронно.

Это можно сделать с помощью async/await.

Попробуйте этот фрагмент кода! 

// this will be your submit function
const yourSubmitFunction = () => {
  return new Promise(resolve => {
    // simulate waiting for a submit
    setTimeout(() => {
    
      // resolve after submission
      resolve('submitted!')
    }, 2000)
  })
};

// asynchronous function
const asyncCall = async () => {
  console.log('waiting for submit...')
  const result = await yourSubmitFunction()
  console.log(result)
  
  // .. now you can call your delete function
}

// click and call your asynchronous function
asyncCall()
...