javascript - 在 React 中导航到 map 内的上一项

Question

是否可以使用 React 导航到 map 内的上一项，我想将实际迭代与之前进行比较，如果之前有不同的组，例如，我将显示新的组。

我想做这样的事情:

{navigation.map((item, i) => {
  return(
    <li key={i}>
      {i > 0 && item[i].groupName != item[i - 1].groupName && <div>Another group: {item[i].groupName}</div>}
    </li>
  )
})}

Answer 1

是的，但它不是特定于 React 的。它是 JavaScript Array.map .

{navigation.map((item, i, arr) => {
  const previousItem = arr[i - 1];
  return(
    <li key={i}>
      {i > 0 && item[i].groupName != item[i - 1].groupName && <div>Another group: {item[i].groupName}</div>}
    </li>
  )
})}