javascript - 在reactjs中更新状态索引的问题

Question

this.state = {foo : [{x:20,y:40},{x:55,y:10},{x:8,y:90},{x:0,y:150}]};//state
this.state.foo[2].x = 80;//change state

我需要更新 x 属性中 foo 的索引 2。但是有了 setState。我该怎么做？

Answer 1

您可以执行以下操作，这将避免对第三方库的需求，同时还能在您的状态更新中保持不变性:

// Clone the foo list from state
const foo = this.state.foo.map(item => ({ ...item }));

// Update element in cloned list
foo[2].x = 80;

// Update state with cloned list
this.setState({ foo });