javascript - React循环组件除了一个元素

Question

我想循环一个元素列表，除了第一个元素，它是一个Alert

示例

const selection = (player, matchId, key) => (
    <ul>
      <li key={key}>1</li>
    </ul>
);

 return (
    <div>
       {(match.live) ? <Alert>This is an alert</Alert> && match.players.map((player, ix) => (
          selection(player, match.matchId, ix)
          )) : null}
    </div>

如何从循环中排除警报，目前我将 key 传递给列表元素，但 Alert 未显示

Answer 1

这样重新组织您的选择是不可能的吗？

const selection = (player, matchId, key) => (
    <li key={key}>1</li>
);

 return (
    <div>
       <ul>
          <li><Alert>This is an alert</Alert></li>
          {match.players.map((player, ix) => (
             selection(player, match.matchId, ix)
             )) : null}
       </ul>
    </div>
 )

您只需这样做就可以完全避免选择

 return (
    <div>
       <ul>
          <li><Alert>This is an alert</Alert></li>
          {match.players.map((player, ix) => (
             <li key={ix}>1</li>
           )) : null}
       </ul>
    </div>
 )

..但是，由于您要传递玩家和 matchId，我假设您对选择例程有更大的计划。