分页 - 创建一个新文档答案

【问题标题】：Pagination - creating a new document分页 - 创建一个新文档
【发布时间】：2020-01-16 13:27:21
【问题描述】：

我想知道这通常是如何在客户端完成的，因为我没有找到好的解决方案。我在类似于 Stack Overflow 的问题/答案线程上使用分页，您可以在其中投票/否决 cmets，因此数据如下所示：

data: (10) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]
limit: 10
skip: 0
total: 12

并且用户添加了新评论，应该如何处理？

const addCommentToPost = (comment, postId) => {
  return dispatch => {
    addComment({
        comment, postId
      })
      .then(result => {
        // ??
      });
  };
};

是否应该重新获取所有数据？我应该以某种方式将评论附加到我已经拥有的数据中并增加总数吗？

【问题讨论】：

标签： javascript reactjs mongodb pagination redux-thunk

【解决方案1】：

通常我会做的是，当用户添加评论时，它会被发送到 api 以保存到数据库中，然后成功时 api 会返回保存的评论（包括它的 id）并且你会添加该评论客户端在不从 api 重新获取所有数据的情况下做出反应/redux 状态。

【讨论】：

谢谢，这帮助我弄清楚了我在哪里挣扎 - 添加时保持分页正确

【解决方案2】：

先在这里调用你的api，如果成功则将其存储到状态

const addCommentToPost = (comment, postId) => {
      return dispatch => {
        addComment({
            comment, postId
            //call your api here first, if success then store it to state
          })
          .then(result => {
            // ??
          });
      };
    };

【讨论】：