溫馨提示×

react怎么修改state中的數組

小億
220
2023-09-13 00:20:28
欄目: 編程語言

要修改state中的數組,可以使用setState方法更新state的值。在React中,不應直接修改state中的值,而是應該創建一個新的數組,并將其賦給state。

示例代碼如下:

class MyComponent extends React.Component {
constructor(props) {
super(props);
this.state = {
myArray: [1, 2, 3]
};
}
handleClick() {
// 創建一個新的數組,并將其賦給state
this.setState(prevState => ({
myArray: [...prevState.myArray, 4]
}));
}
render() {
return (
<div>
<button onClick={() => this.handleClick()}>添加元素</button>
<ul>
{this.state.myArray.map(item => (
<li key={item}>{item}</li>
))}
</ul>
</div>
);
}
}

在上述示例中,通過點擊按鈕,會調用handleClick方法,在該方法中創建一個新的數組,并使用擴展運算符...將原數組中的元素展開,再加上要添加的元素,最后將新的數組賦給state中的myArray屬性。這樣就實現了修改state中的數組。

0
亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女