如何在按鈕單擊操作時重新加載同一頁面，即在反應中刪除？

Question

我在我的項目中使用 react-router-dom v6，我只想在管理員刪除用戶時重新加載管理頁面，但不幸的是無法這樣做。 發現了一些關於window.location = "current page"或window.location.reload()建議，也使用了useNavigate()但在我的情況下它們都不起作用我正在使用的一小段代碼是這個

 const onDelete = async (id) => { await deleteUser(id); window.location="/admin" };

PS：刪除功能正常。

Answer 1

你使用 react-router-dom useHistory 提供的一個很棒的功能，你只需要像這樣導入它

import { useHistory } from "react-router-dom";

然后你可以在你的代碼中使用它

const onDelete = async (id) => {
    await deleteUser(id);
    history.replace('/admin')
  };

現在您必須創建常量歷史記錄

const history = useHistory()

現在每當你調用 onDelete 時，它​​都會執行，最后它會將你重定向到 /admin。