单独调度对象数组

Question

我正在传递一个对象数组作为有效负载。当它传递给状态时，它保持为单个数组。我想单独传递对象。我该怎么做？

//action
const loadRecord = async  => {
    const res = await axios.get('/records?_sort=streak&_order=desc')
    const records = res.
    dispatch({
      type: LOAD_RECORD,
      payload: res.data
    })
  }

//reducer
case LOAD_RECORD:
      return {
        ...state,
        records: [...state.records, action.payload]
      }

我目前正在得到这个。

我需要将对象传递给记录状态而不是数组。蒂亚

Answer 1

问题出现在减速器内部。你也必须传播你的有效载荷。因为您的有效负载是一个数组。

//reducer
case LOAD_RECORD:
      return {
        ...state,
        records: [...state.records, ...action.payload]
      }

Answer 2

将payload数组分散到records数组中

case LOAD_RECORD:
  return {
    ...state,
    records: [...state.records, ...action.payload]
  }