如何停止重新渲染 redux 状态？

Question

export default (blogs = initialState, action) => {
    switch (action.type) {
        case FETCH_BLOG_LOADING:
            return {
                blogs: [...blogs.blogs],
                loading: true,
                error: ''
            };
        case FETCH_BLOG_ERROR:
            return {
                blogs: [...blogs.blogs],
                loading: false,
                error: action.payload
            };
        case FETCH_BLOG:
            return {
                blogs: [...action.payload, ...blogs.blogs],
                loading: false,
                error: ''
            };
        default: return blogs;
    }
}

在第一次渲染时，我获取了 10 个项目。单击加载更多后，我从数据库中获取了另外 10 个数据。在博客组件上没问题，但在返回主页并返回博客页面后；博客项目重复。如何解决这个重复的问题？