Node.js 使用react:TypeError:value.products.map不是函数
我在react电子商务网站工作,有产品等。我发现上面的错误,我不知道我做错了什么。以下是productlist页面: (代码)Node.js 使用react:TypeError:value.products.map不是函数,node.js,reactjs,Node.js,Reactjs,我在react电子商务网站工作,有产品等。我发现上面的错误,我不知道我做错了什么。以下是productlist页面: (代码) import React,{Component}来自'React'; 从“/Product”导入产品; 从“./Title”导入标题; 从“../context”导入{ProductConsumer}; 导出默认类ProductList扩展组件{ render(){ 返回( {value=>{ 返回value.products.map(product=>{#这里是错误所
import React,{Component}来自'React';
从“/Product”导入产品;
从“./Title”导入标题;
从“../context”导入{ProductConsumer};
导出默认类ProductList扩展组件{
render(){
返回(
{value=>{
返回value.products.map(product=>{#这里是错误所在。
返回;
});
}}
//
);
}
}
*代码结束
希望有人能帮我找到正确的方向。谢谢,Jen,我可以猜value.products可能是一个对象,而不是数组。 可以是包含产品数组的对象,更确切地说,您可以为ProductConsumer共享代码吗 在该行前面放一个console.log(value)也会很有帮助
<ProductConsumer>
{value=>{
console.log('Product Value:',value) // --- post the output of that line
return value.products.map( product =>{
return <Product key={product.id} product={product}/>;
});
}}
</ProductConsumer>
{value=>{
log('Product Value:',Value)//--发布该行的输出
返回值.products.map(product=>{
返回;
});
}}
还有一个侧面的提示,
可以替换为您可以尝试
<ProductConsumer>
{value &&
value?.products.map((product) => {
return <Product key={product.id} product={product} />;
})}
</ProductConsumer>
{值&&
值?.products.map((产品)=>{
返回;
})}
<ProductConsumer>
{value &&
value?.products.map((product) => {
return <Product key={product.id} product={product} />;
})}
</ProductConsumer>