Мне удается создать страницу, которая вызывает API продуктов из Spree. Я использую Spree API для своего решения для электронной коммерции, которое встроено в их структуру и настраивается автоматически. Внешний интерфейс использует ReactJS через самоцвет для реактивных рельсов.
Я не могу найти URL для изображений в ссылке продуктов Spree V2 API. Это не упоминается в документации и в источнике API JSON . Я вижу только тип и идентификатор в ответе API.
Мой репозиторий: https://github.com/salman15/stern_spree_react
Я пытался отобразить тип, но он кажется пустым.
<p>Shop Products</p>
{this.state.products.map(product =>
<li key={product.objectID}>
<p>{product.attributes.price}</p>
<Card>
<CardActionArea>
<CardMedia
image={product.relationships.images.data.type}
title={product.attributes.name}
/>
<CardContent>
<Typography gutterBottom variant="h5" component="h2">
{product.attributes.name}
</Typography>
<Typography 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>
</li>
)}