javascript - Concat 实际上是连接而不是添加到数组。 react native JavaScript

Question

我对一般的 React Native 和 Javascript 编程很陌生，我正在尝试使用 React Native 和 redux 创建一个简单的“待办事项”应用程序。

我正在尝试将“待办事项”添加到我的 reducer 中的数组中，如下所示。

import * as types from '../actions/actionTypes'

const initialState = {
    data: []
};

export default function toDo(state = initialState, action) {

    let list
    console.log(action + " action")
    switch (action.type) {
        case types.ADD:
        list = state.data.concat([action.toDoData])
            return {
                ...state,
                data: list || []
            }
        default:
             return state;
    }
}

结果显示 AddToDo Results您可以看到“第一件事”和“第二件事”是我添加的两个结果，它们连接到同一行。

我的第一个想法是我的愚蠢或演示性的 ListView 有问题，它获取的数据如下。

<MyList data={this.props.data}/>

所以我尝试了这个...

<MyList data={['firstThing', 'secondThing', 'thirdThing']}/>

还有它works !!!这就是我认为错误出在 reducer 中的原因。

请让我知道还有哪些其他有用的代码。任何见解将不胜感激。

这就是 Action 。

import * as types from './actionTypes.js';

export function addToList(toDoData) {
    return {
        type: types.ADD,
        toDoData: toDoData
    };
}

Answer 1

以下是有关如何实际将数据“推送”到数组中的一些见解

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.push("Kiwi");

//fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi"];

或者你也可以

export default function toDo(state = initialState, action) {
  switch (action.type) {
    case types.ADD:
      return {
        data: [...state.data, action.toDoData]
      }
    default:
      return state;
  }
}