функция карты вызывает бесконечный цикл

Question

У меня есть список товаров в списке желаний, который содержит идентификатор товара.Я хочу зациклить список и показать каждый продукт.
Я сделал это так: Index.js:

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

Затем в WishlistTable я хочу отобразить метку каждого продукта.Я сделал так: В mapDispatchToProps:

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

FindProdById работает хорошо, он дает всем продуктам, у которых их идентификатор является данным идентификатором.В COmponentDidMount я отправляю свое действие:

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

, затем при рендеринге у меня так:

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

Отображается только метка первого продукта.например: если у меня есть два продукта;он отображает две метки, значение которых соответствует первому продукту.

Любая помощь считается.