Add Curley braces to be read as js and not html.
export default function CardMakerForCompanies() {
const data = [{img: 'https://play-
lh.googleusercontent.com/YFpMBVjnTFQ9D7ln9jOPDxCwTf_AUPgNU0Tz8uskVP-
0Esj_5jqBDpqcPm0LwDpcLA', name: 'Company Name(getting from db)', desc:
'Company Description(getting from db, Max chars. 50) \\\ Lorem Ipsum Lorem
Ipsum Lorem Ipsum Lorem Ipsum Lorem Ipsum'}];
const classes = useStyles();
return(
<>
{data.map((e) => {
return <Card className={classes.root}>
<CardActionArea>
<CardMedia
className={classes.media}
image={e.img}
title="logo"
/>
<CardContent>
<Typography gutterBottom variant="h5" component="h2">
{e.name}
</Typography>
<Typography variant="body2" color="textSecondary" component="p">
{e.desc}
</Typography>
</CardContent>
</CardActionArea>
<CardActions>
<Button size="small" color="primary">
More Info
</Button>
</CardActions>
</Card>
});
}
</>
);
}
CLICK HERE to find out more related problems solutions.