Реагируйте новичка здесь.
Как я могу отобразить изображение из реквизита Оформить заказПродукт компонента реакции в HTML-теге изображения.
Изображение, показывающее неудачное отображение изображения элемента продукта
Вот код
import React from 'react';
import './CheckoutProduct.css'
import { useStateValue } from "./StateProvider";
function CheckoutProduct({id, image, title, price, rating}) {
const [{ basket }, dispatch] = useStateValue();
return (
<div className='checkoutProduct'>
<image className='checkoutProduct__image' src = {image}/>
<div className='checkoutProduct__info'>
<p className = "checkoutProduct__title">{title}</p>
<p className = "checkoutProduct__price">
<small>$</small>
<strong>{price}</strong>
</p>
<div className = "checkoutProduct__rating">
{Array(rating).fill().map((_, i) => (<p>?</p>))}
</div>
<button>Remove from Basket</button>
</div>
</div>
)
}
export default CheckoutProduct
Остальной код здесь https://github.com/Elijah-A-W/Amazon-Clone-With-React/blob/master/src/CheckoutProduct.js
Спасибо, Кевин, это сработало. Не видел этого все время.
поменяйте тег <image>
на <img/>
.
<image/>
не будет работать, так как это не правильный.
<img className='checkoutProduct__image' src = {image}/>
Разве это не должно быть <img> вместо <image>