我有一个反应大日历,我想从后端获取本周的事件,从本地存储获取其他几周的事件。
我的代码是:
componentDidMount() {
fetch("url")
.then(Response => Response.json())
.then(data => {
let evts = data;
for (let i = 0; i < evts.length; i++) {
evts[i].start = moment(evts[i].start).toDate();
evts[i].end = moment(evts[i].end).toDate();
this.state.evt1.push(evts[i])
}
this.setState({
evt1: evts,
prevEvents : evts
})
})
console.log(this.state.evt1)
const cachedHits = JSON.parse(localStorage.getItem('Evènements'))
console.log(cachedHits)
for (let j = 0; j <cachedHits.length; j++) {
cachedHits[j].start = moment(cachedHits[j].start).toDate();
cachedHits[j].end = moment(cachedHits[j].end).toDate();
this.state.evt2.push(cachedHits[j])
}
this.setState( {
evt2: this.state.evt2
})
this.setState({
events: [...this.state.evt1, ...this.state.evt2]
})
console.log(this.state.events)
}
the events
是合并后的数组evt1
(来自后端的事件)和evt2
(来自本地存储的事件),当我运行它时,我在控制台上看到:
evt1 是:
![enter image description here](https://i.stack.imgur.com/FYoS6.png)
evt2 是:
![enter image description here](https://i.stack.imgur.com/FGCvd.png)
但是,在我的日历上,仅显示 evt2,而不显示所有事件(evt1 和 evt2)。
如何显示我的日历上的所有事件?
您可以使用扩展运算符来合并两个数组。
var a = [{fname : 'foo'}]
var b = [{lname : 'bar'}]
var c = [...a, ...b] // output [{fname : 'foo'},{lname : 'bar'}]
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)