无法添加属性 2，对象不可扩展 Array.push

Question

我正在尝试将数组添加到全局数组。 然后将该数组保存到AsyncStorage 。 但我似乎无法做到这一点，我不知道为什么。

推送到该数组似乎有问题。

我试过按任何键，但这仍然没有解决我的问题。

//for saving all transactions

let exchanges =[ x = ''];
class AddScreen extends React.Component {

constructor(props) {
i=0;
super(props);

this.state = {text: '',  name:'',amount:'',budget:'',date:'',geoloc:''};
}

setName = () => {
const {text} = this.state;
AsyncStorage.setItem('name', text);
alert("data Saved " +text);
}

SavetoGlobalTransaction = () => {
//get everything from state
const {name} = this.state;
const {amount} = this.state;
const {budget}= this.state;
const {date}= this.state;
const {geoloc}= this.state;

trans = {
  name :this.name,amount:this.amount,budget:this.budget,date:this.date,geoloc:this.geoloc
}

exchanges.push(trans);

AsyncStorage.setItem('ex', exchanges);
alert("data Saved " +exchanges[0].name);
}

这是我得到的那种错误：

Cannot add property 2, object is not extensible
    Array.push
     <anonymous>
    Object.AddScreen._this.SavetoGlobalTransaction [as onPress]
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:2177:19
    Object.touchableHandlePress
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:15410:40
    Object._performSideEffectsForTransition
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:14990:16
    Object._receiveSignal
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:14916:14
    Object.touchableHandleResponderRelease
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:14795:12
    Object.invokeGuardedCallbackImpl
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:27408:16
    invokeGuardedCallback
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:27499:37
    invokeGuardedCallbackAndCatchFirstError
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:27503:31
    executeDispatch
     f6f1eeda-c1a7-4b01-ba0e-76dc313c6ebd:27697:9

Answer 1

您不能修改数组，您需要使用附加数据创建一个新数组并保存。 尝试使用 .concat 或扩展运算符。

Answer 2

我建议只使用扩展运算符（...），它只会轰炸您的 trans 对象的值并将其添加到交换数组中

exchanges.push(...trans);

这应该可以完成工作。

Answer 3

我遇到了和你一样的错误。 我解决这个问题的方法是将原始数组深度克隆为一个新数组，然后操作新数组并使用新数组作为数据源。

至于你的代码，你可以深度克隆AsyncStorage并使用新数组插入你以前的数组。