我正在使用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。如果道具更改,请重新设置会议并确保索引保持在会议索引范围内。

09-12 19:53