我正在使用react并通过道具获得数组。
它像这样通过:[ 1, 2, 3, 4]
在功能组件中,我旋转道具并显示第一个索引,并显示其余列表。将第一个索引分隔为displayMeeting,将其余索引分隔为会议列表
const oldMeeting = this.state.displayMeeting
const displayMeeting = head(meetings.splice(0, 1)) || null
const newMeetingList = [...meetings, oldMeeting]
并将其设置为状态。每隔一段时间,这些变化都会发生。
[1] //display meetings
[2, 3, 4] //newMeetingList
//after 15 seconds they swap
[2] //display meetings
[3, 4, 1] //newMeetingList
他们不断地转转。这些道具有时会更改,从而使组件更新。我如何保持它们在道具更新之前停留在最后的顺序。它们上面有Id,这样我就可以使用它们,但是我不知道如何将displayMeeting带到第一个索引,同时又保持其他索引的顺序。
希望这有道理。
最佳答案
以不同的方式设计您的状态:保留一系列会议以及要访问的当前会议的索引。然后在该索引处显示会议。要旋转,请增加索引,如果超过数组长度则将其重置为0。如果道具更改,请重新设置会议并确保索引保持在会议索引范围内。