mobx 如何删除/替换数组元素

1. 直接类成员变量

export default class XxxStore {
	//这种方式定义的数组 也会是一个可观察对象，
	//但是和使用@observable/observable()修饰的有区别
	xInfoList = [];
	
	@action delInfo = (info) => {
		//返回id不为为info.id的数据
		this.xInfoList = this.xInfoList.filter(item => item.id !== info.id);
	}
}

2. @observable修饰的可观察变量

export default class XXXStore{
	@observable xxInfoList = [];
	@action delInfo = (info) => {
		//删除掉满足函数条件的数据
		this.xxInfoList.remove((item)=> item.id === info.id);
	}
}

3. 替换数组元素

export default class XXXStore{
	@observable xxInfoList = [];
	@action updateInfo = (info) => {
		const index = this.xxInfoList.findIndex(item => item.id === info.id);
	    this.xxInfoList.splice(index, 1, info);
	}
}