Материал UI cardMedia возвращается пустым после получения URL-адреса из getDetails google Places api - PullRequest
Новая
       125

Материал UI cardMedia возвращается пустым после получения URL-адреса из getDetails google Places api

0 голосов
/ 09 июля 2020

Кажется, я не могу получить URL-адрес для получения изображения. Поэтому я попробовал заранее заданный URL-адрес изображения, который также не смог отобразить это изображение, а вместо этого просто оставил пустое место для всех карточек в сетке. Кажется, я не могу найти в Интернете больше документации с примерами применения URL-адреса в CardMedia. Мы ценим любые предложения. спасибо!. 

div className="col-md-12 mt-5 mx-auto">
<div className={classes.root}>
            <Grid
                container
                spacing={2}
                direction="row"
                justify="flex-start"
                alignItems="flex-start"
            >
                {details.map(elem => (
                    <Grid item xs={5} sm={3} md={2} key={details.indexOf(elem)}>
                        <Card >
       <CardActionArea>
        <CardMedia>
          className={classes.media}
          image = {elem.photos[0].getUrl({ maxWidth: 500, maxHeight: 500 })}
          title="Contemplative Reptile"
        />
        <CardContent>
          <Typography gutterBottom variant="h5" component="h2">
            {elem.name}
          </Typography>
          <Typography variant="body2" color="textSecondary" component="p">
            Lizards are a widespread group of squamate reptiles, with over 6,000 species, ranging
            across all continents except Antarctica
          </Typography>
        </CardContent>
      </CardActionArea>
      <CardActions>
        <Button size="small" color="primary">
          Share
        </Button>
        <Button size="small" color="primary">
          Learn More
        </Button>
      </CardActions>
    </Card>
                     </Grid>
                ))}
            </Grid>
        </div>
...