CRUD 刪除所有用戶

Question

每當我啟動項目時，所有用戶都將被刪除，而無需單擊開始。

Function

deleteAluno = async (aluno) => {
    await axios
        .delete(url + "api/alunos/" + aluno)
        .then((response) => {
            this.getUsers();
        });
}

HTML/JSX:

{
    this.state.alunos.map((aluno) => (
        <div key={aluno.id}>{aluno.nome}
            <button type="button" onClick={this.deleteAluno(aluno.id)}>[X]</button>
        </div>
    ))
}

Answer 1

不是將 function 傳遞給onClick ，而是直接調用 function 導致在渲染期間發送刪除請求。

<button
  type="button"
  onClick={() => this.deleteAluno(aluno.id)}
>
  [X]
</button>