Reactjs TypeError:E.map不是一个函数
亲爱的朋友们,我正在使用react js创建react应用程序,但出现了以下错误,TypeError:E.map不是一个函数,它运行良好,但当我尝试部署我的网站时,它会显示该错误 这是代码Reactjs TypeError:E.map不是一个函数,reactjs,Reactjs,亲爱的朋友们,我正在使用react js创建react应用程序,但出现了以下错误,TypeError:E.map不是一个函数,它运行良好,但当我尝试部署我的网站时,它会显示该错误 这是代码 <ul className="products"> {products.map((product) => ( <li key={product._id}> <div className="pro
<ul className="products">
{products.map((product) => (
<li key={product._id}>
<div className="product">
<Link to={'/product/' + product._id}>
<img
className="product-image"
src={product.image}
alt="product"
/>
</Link>
<div className="product-name">
<Link to={'/product/' + product._id}>{product.name}</Link>
</div>
<div className="product-brand">{product.brand}</div>
<div className="product-rating">
<Rating
value={product.rating}
text={product.numReviews + ' reviews'}
/>
</div>
</div>
</li>
))}
</ul>
{products.map((产品)=>(
-
{product.name}
{产品.品牌}
))}
请帮我把它弄出来,
谢谢。检查产品是否为数组赋值,然后映射到它们上 你可以这样做
render() {
if (!Array.isArray(products)) return null
... heree your code
}
除null外,您可以返回类似于Products not founds
或者在初始化产品时
可以给出默认值
const{products=[]}=props
但是在这种情况下,如果产品
为空
,您将得到相同的错误检查产品是否为值数组,然后映射到它们
你可以这样做
render() {
if (!Array.isArray(products)) return null
... heree your code
}
除null外,您可以返回类似于Products not founds
或者在初始化产品时
可以给出默认值
const{products=[]}=props
但是在这种情况下,如果产品出现null
您将得到相同的错误您可以发布错误的屏幕截图吗?我在你的代码中找不到E.map
。这能回答你的问题吗?我不能在这里发布图片,我不知道@MurtazaHassani为什么?你能发布错误的截图吗?我在你的代码中找不到E.map
。这能回答你的问题吗?我不能在这里发布图片,我不知道@MurtazaHassani为什么?嘿,谢谢你的回复,我试过了,但得到一个错误,说产品未定义,你能发送整个文件吗?例如,你可以把它放在codesanbox中,在这里放一个链接,这就是我得到的代码。你能试着像这样更新你的代码吗<代码>常量{products=[],正在加载,错误}=productList代码>或类似的(products | |[]).map(product=>…
嘿,谢谢你的回复,我试过了,但是得到了一个错误,说product not defined,你能发送整个文件吗?你可以把它放在codesanbox中,例如,在这里放一个链接这是我得到的代码错误你能像这样更新你的代码吗?const{products=[],loading,error}=productList;
或类似的(products | |[]).map(product=>…