即使使用删除运算符后，对象属性也不会被删除

Question

我有一系列对象。我想id从中删除一个名为 as 的键。我已使用以下代码将其从对象中删除。this.state.result.forEach(item => delete item.id);但 id 仍然没有被删除。我不确定我的代码为什么以及有什么问题。我尝试使用上述逻辑从同一对象中删除几个其他键，效果很好。我面临的唯一问题是id。我认为这个对象属性是不可配置的。如果是这样的话，我们该如何删除呢。有人可以帮我解决这个问题吗？提前致谢。

Answer 1

也许id是non-configurable，那么你就无法删除它。 请注意，aTypeError仅在严格模式下抛出。

Answer 2

**

如果您使用react，那么您应该始终使用setState 来更改状态。

**

    this.setState({ // calling setState for updating the state

       result: this.state.result.map(item => {

           let tmpItem = {...item};// storing all the value here in tmpItem

           delete tmpItem.id; // deleting the key

           return {...tmpItem}; // returning here

       })

    }, ()=> {

        // for immediatly accessing the state you can use callback

    });

Answer 3

state在计算下一个状态时，您不应该依赖:s 值，因为它可能会由 React 在幕后异步更新。

另外，请尽量避免，delete因为它是性能杀手。

所以试试这个：

this.setState((state, props) => ({

  result: state.result.map(({id, ...propsToKeep}) => propsToKeep)

}));

或者如果你必须使用delete：

this.setState((state, props) => ({

  result: state.result.map(res => { 

    delete res.id; 

    return res; 

  });

}));

Answer 4

在 React 中，您无法直接更新state. 你总是必须使用setState方法来做到这一点。

所以试试这个。

this.setState({

 result: this.state.result.map(item => {

  let tmpItem = {...item};

  delete tmpItem.id;

  return {...tmpItem}; 

 })

});

谢谢！

Answer 5

在 React.js 中，你永远不应该尝试直接改变状态。您必须使用 setState() 才能获得结果。id 没有被删除，因为没有发生重新渲染。

从文档中，

不要直接修改状态

// Wrong
this.state.comment = 'Hello';

相反，使用 setState()：

// Correct
this.setState({comment: 'Hello'});