我剛剛開始使用Mobx，我正在嘗試添加一個從可觀察數組中刪除項目的操作 . 我究竟做錯了什么？

這是商店：

class ToDoStore {

@observable items = [];

@action addItem = (item) => {

this.items.push(item)

}

@action removeItem = (index) => {

this.items.splice(index, 1)

}

@computed get itemCount(){

return this.items.length;

}

}

這是App.js：

@inject('ToDoStore')

@observer class App extends Component {

handleRemove = (index) => {

this.props.ToDoStore.removeItem(index);

}

render() {

const {ToDoStore} = this.props;

return (

{ToDoStore.items.map((item, index )=>

{item} this.handleRemove(index)}>REMOVE)}

);

}

}

export default App;

這是我點擊“刪除”按鈕時出現的錯誤

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的mobx使用数组提示越界_向Mobx可观察数组添加操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。