要修改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中的數組。