在React中创建一个基本循环

Question

我得到了React noob问题。问题是我有大量的函数几乎是默认的，除了方法名称和属性是这两个代码块之间的差异。

在我的示例中，第一个方法名为xxx，下一个方法名为yyy。这些属性命名为aaa和bbb。

对于这个问题，我怎么能以聪明的方式循环这个，所以我不需要一堆几乎相同的方法？我想只有一种方法。

count(2, List(2, 4, 5, 2, 2, 7)) 

Answer 1

理想情况下，不要在方法中进行索引检查，直接将item和index传递给函数：

xxxx(item, index: number) {
  return (
    <aaaa item={item} index={index} labels={this.props.labels} />
  );
}

也就是说，只需将公共代码移出另一个共享位置即可。

另外，如果您在this.state.leadershipBlogDataItems上正确循环，则实际上不需要this.state.leadershipBlogDataItems.length > blogItemNum次检查。