如何解决页面刷新时数据丢失
我正在使用 MERN 堆栈开发 Web 应用程序。我正在使用 Redux Toolkit 进行状态管理。
我在主页上显示了博客文章列表。 当我点击查看按钮时,我被带到该特定帖子的页面。 但是,当我刷新页面时,我不再看到该帖子。 为什么会这样?
以下是我的代码片段: src/components/ViewPost.js
import React from "react";
import { useSelector } from "react-redux";
const ViewPost = ({ match }) => {
const post = useSelector((state) =>
state.posts.posts.find((post) => post._id === match.params.id)
);
return (
<div>
{post ? (
<div className="row mt-5">
<div className="col-md-8 mx-auto">
<article>
<h3 className="">{post.title}</h3>
<h6 className="text-muted mb-3">
by Hemanta Sundaray | {new Date().toISOString().slice(0,10)}
</h6>
<div className="col mb-3 post-border"></div>
<p>{post.body}</p>
</article>
</div>
</div>
) : (
<h3 className="text-center mt-5">POST NOT FOUND</h3>
)}
</div>
);
};
export default ViewPost;
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。