从 MERN 中的数据库中删除后，已删除的项目仍然出现在主页上

如何解决从 MERN 中的数据库中删除后，已删除的项目仍然出现在主页上

我正在使用 MERN 堆栈创建一个博客网站，并使用上下文 API 进行状态管理，其中我在主页上显示所有博客，但是一旦任何博客被删除或添加，博客页面就会重定向到主页和删除的博客仍然出现，并且新创建的博客也没有出现在那里（因为在删除或添加博客之前从 API 获取博客），除了重新加载主页之外还有其他解决方法吗？ 在 useEffect() 中使用 fetchBlog() 挂载主页组件。

const { blogs,getAllBlogs,loading } = useContext(BlogContext);
useEffect(() => {
    getAllBlogs();
  },[]);

来自https://github.com/gupta-piyush19/Blogic/blob/main/client/src/components/Pages/Home.js

和

const saveHandler = () => {
    if (title === "" || image === "") {
      setAlert("Please fill all the fields","warning");
    } else {
      const contentState = editorState.getCurrentContent();
      createBlog({
        title,image,body: JSON.stringify(convertToRaw(contentState)),});
      history.push({
        pathname: "/",});
    }
  };

来自https://github.com/gupta-piyush19/Blogic/blob/main/client/src/components/Editor/DraftEditor.js 创建新博客时，网站将重定向到主页，但新创建的博客可能不存在。 如果它不是很清楚，那么请尝试在此应用程序上创建一个新博客，您将了解问题所在。 https://blogic-app.herokuapp.com/