[英]Getting the error that Expected an assignment or function call and instead saw an expression no-unused-expressions?
[英]Expected an assignment or function call and instead saw an expression no-unused-expressions (lines 14/15)
我正在努力编写一些代码。 我不断遇到上述错误,但似乎无法解决。 我已经查看了几次,并试图重写第14/15行,但是问题仍然存在。 任何关于我做错事情的信息将不胜感激。
import React from "react";
import classes from "./Products.module.css";
import Product from "./Product.js";
import apple from "../img/apple.jpg";
import banana from "../img/banana.jpg";
import kiwi from "../img/kiwi.jpg";
import pineapple from "../img/pineapple.jpg";
const Products = props => {
let productList = Object.keys(props.products)
.filter(x => {
props.products[x].quantity > 0;
})
.map(x => {
<Product
description={props.products[x].description}
price={props.products[x].price}
add={() => {
props.add(x);
}}
productCode={x}
image={apple}
/>;
});
return (
<React.Fragment>
<div className={classes.Products}>{productList}</div>
</React.Fragment>
);
};
export default Products;
您在map
和filter
缺少return
:
let productList = Object.keys(props.products)
.filter(x => {
return props.products[x].quantity > 0; // Add return here
})
.map(x => {
return <Product // Add return here
description={props.products[x].description}
price={props.products[x].price}
add={() => {
props.add(x);
}}
productCode={x}
image={apple}
/>;
});
或者,您可以删除括号以隐式返回:
let productList = Object.keys(props.products)
.filter(x => props.products[x].quantity > 0)
.map(x => (
<Product
description={props.products[x].description}
price={props.products[x].price}
add={() => {
props.add(x);
}}
productCode={x}
image={apple}
/>
));
import React from 'react';
import classes from './Products.module.css';
import Product from './Product.js'
import apple from '../img/apple.jpg';
import banana from '../img/banana.jpg';
import kiwi from '../img/kiwi.jpg';
import pineapple from '../img/pineapple.jpg';
const Products = (props) => {
let productList = Object.keys(props.products).filter(x=>(props.products[x].quantity>0)).map(x=>(
<Product description={props.products[x].description} price={props.products[x].price} add={()=>{props.add(x)}} productCode={x} image ={apple}/>
));
return(
<React.Fragment>
<div className={classes.Products}>
{productList}
</div>
</React.Fragment>
);
}
export default Products;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.