index.js 467 B

12345678910111213141516
  1. import { Box, Grid } from '@mui/material';
  2. import { GoodCard } from '../GoodCard';
  3. export const GoodList = ({ goods = [] } = {}) => {
  4. return (
  5. <Box className="GoodList">
  6. <Grid container spacing={2}>
  7. {(goods || []).map((good) => (
  8. <Grid item xs={3} key={good._id}>
  9. <GoodCard good={good} />
  10. </Grid>
  11. ))}
  12. </Grid>
  13. </Box>
  14. );
  15. };