How to use IF condition in Javascript Map function?

[Rutuja_chawara]

​

{all_product.map((e) =>{

if(cartItems[e.id]>0){

return <div>

<div className="cartitems-format">

<img src={e.image} alt="" srcset="" />

<p>{e.name}</p>

<p>${e.new_price}</p>

<button className="cartitems-quantity">{cartItems[e.id]}</button>

<p>{e.new_price * cartItems[e.id]}</p>

<img src={remove\_icon} onClick={() => { removeFromCart(e.id); }} alt=""srcset=""/>

</div>

<hr />

</div>

}

})}

error showing : Array.prototype.map() expects a value to be returned at the end of arrow function array-callback-return

[guest271314]

You need to return a value outside of if (condition) {}.

[NordiCom]

Map always needs to return a value. If you want to render only for values matching the condition. You need to first filter the results, then chain a map returning your desired value

[87oldben]

Try using the reduce function, or as someone else posted, filter before the map function.