为对象数组创建新属性时，对象不是可扩展错误

Question

我有一个需要扩展javascript数组的函数，包括一个名为的新属性selected：

export const initSelect = (data) => {

    let newData = data.concat();
    newData.map((item) => {
        item.selected = false;
    })

    return newData;
}

data是一个ReactJS状态值（来自this.state.data调用函数时的值），但这似乎不是问题，因为数组newData的新副本data…

我收到以下错误：

TypeError: Cannot add property selected, object is not extensible

Answer 1

您可能需要复制对象：

export const initSelect = (data) => {
 return data.map((item) => ({
     ...item,
     selected: false       
 }));
}