小编Lui*_*ida的帖子

我有一系列的球员，我可以通过这些球员来进行映射。用户不断地向这个阵列添加新的玩家。我映射数组并返回一组元素。我希望列表中的每个玩家一次渲染一个，中间间隔 500 毫秒。这是我到目前为止的代码：

export const ShowDraftedPlayers = props => {
  const {
    draftedPlayers,
    getPlayerProfile,
    teams,
    draftPos,
    myTeam } = props;
  let playersDraftedList = draftedPlayers.map((player, index) => {
    return (
      <div key={index} className='drafted'>
        <p style={style}>TEAM {player.teamDraftedBy} </p>
          <b className='player-lastName'> {player.displayName} </b>
           {player.position}
        </p>
      </div>
    )
  })
  return (
    <div className='draftedPlayers-container'>
      {playersDraftedList}
    </div>
  )
}