Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/23.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript don';t在chekout页面React.js中显示重复产品_Javascript_Reactjs_React Context - Fatal编程技术网

Javascript don';t在chekout页面React.js中显示重复产品

Javascript don';t在chekout页面React.js中显示重复产品,javascript,reactjs,react-context,Javascript,Reactjs,React Context,我正在尝试创建一个签出页面,我使用上下文来显示产品选择并在签出页面上显示它,但问题是我不知道如何停止重复产品重复 //productData是每次单击buy Now时传递给此constante的所有products对象 {productData.map((item,i)=>({for(让j=i+1;j我认为在map函数中使用map函数而不使用for循环就足够了,因为map函数将返回与原始值长度相同的值 在本例中,productData.map()将返回与productData长度相同的值 因此,

我正在尝试创建一个签出页面,我使用上下文来显示产品选择并在签出页面上显示它,但问题是我不知道如何停止重复产品重复

//productData是每次单击buy Now时传递给此constante的所有products对象

{productData.map((item,i)=>({for(让j=i+1;j我认为在map函数中使用map函数而不使用for循环就足够了,因为map函数将返回与原始值长度相同的值

在本例中,productData.map()将返回与productData长度相同的值

因此,我认为答案是:

{
productData.map((项目,i)=>(
${item.price*item.numeroProd}
{item.title}
)
}
如果要返回值列表(如字符串、数字或对象),请对map函数使用“{}”。例如:

productData.map((项目,i)=>{
退货项目
})
如果要返回视图列表(如div或自定义组件),请使用“()”作为映射函数。例如:

productData.map((项目,i)=>(
{item}
))

感谢您的回答,但我的问题是要过滤重复的对象产品,如果它是重复的,我不希望它再次出现在签出中,只是更新产品数量,for循环我尝试使用它执行if语句,但它不起作用,我忘了删除它!