在React中导航到地图中的上一个项目

时间:2018-01-31 23:06:14

标签: javascript reactjs typescript

是否可以导航到上一个项目,在使用React的地图内部,我想比较实际的迭代与之前,如果之前有不同的组,每个例子,我将显示新的。

我想做那样的事情:

{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>
  )
})}

1 个答案:

答案 0 :(得分:3)

是的,但它不是特定于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>
  )
})}