Question

我在申请中面临有关分页的问题。用户有一个事务列表，因此我们决定在“节列表”中创建一个缓慢的负载。该api可以正常工作并获取数据。每次获取新数据时，以前的状态都会被新状态覆盖。

这是我的减速器：

export default function(state = {}, { type, sequence, payload } = {}) {
  switch (type) {
    case TRANSACTIONS.FETCH: //used when fetching the first page
      return sequence === REQUEST.SUCCESS ? payload : state;

    case TRANSACTIONS.FETCH_MORE: { //fetching next pages
      return sequence === REQUEST.SUCCESS ? { ...state, ...payload } : state;
    }
  }
  return state;
}

交易数据如下：

transactions: {
data: {},
links:{},
meta:{}
}

payload Screenshot state Screenshot

Answer 1

您的情况比您预期的要复杂:(。您处于状态的data对象是一个数组。当您推入有效负载状态时，请用新的{{ 1}}对象。为此场景需要一个更好的reducer结构：

data

分页-加载会覆盖以前的状态

1 个答案: