用地图过滤,但保留索引

时间:2018-07-04 23:41:35

标签: javascript reactjs ecmascript-6 babeljs

我想过滤然后映射对象数组,但是当过滤器创建一个新数组并给我不同的索引时,可以使用过滤器或者我应该使用另一种方法。

GET

1 个答案:

答案 0 :(得分:3)

只需使用map,无需过滤。您可以这样返回任一组件:

this.props.todos = [
  {
    task: 'Daily meet',
    status: 'incomplete'
  },
  {
    task: 'Play videogame'
    status: 'complete'
  }
]

this.props.todos.map(todo => {
  if (todo.status === 'complete') {
    return (<p>{todo.status} - Everythin Ok</p>);
  }

  if (todo.status === 'incomplete') {
    return (<p>{todo.status} - You have some task incomplete</p>);
  }

  return null;
})