映射函数导致无限循环

Question

我有一个愿望清单产品列表，其中包含产品ID。我想循环显示清单并显示每个产品。
我确实是这样的： Index.js：

 {this.state.wishlist.map( product => {
  return(
  <WishlistTable product={product}/>
   ) })}

然后在WishlistTable中，我要显示每个产品的标签。 我确实是这样的： 在mapDispatchToProps中：

const mapDispatchToProps = dispatch => {
return {
  onFindById:  id => {
      dispatch(findProdById(id ));
  }
 }
}; 

FindProdById可以很好地工作，它给出所有ID为给定ID的产品。 在COmponentDidMount中，我调度了我的动作：

componentDidMount(){
this.props.onFindById(this.props.product); 
}

然后在渲染器中我就这样：

   <p> {this.props.products.label} </p>

它仅显示第一个产品的标签。 即：例如，如果我有两种产品；它会显示两个标签，其值是第一个产品的标签。

考虑任何帮助。