Показать сообщение отдельно
  #23 (permalink)  
Старый 02.07.2024, 16:57
Аспирант
Отправить личное сообщение для riaron86 Посмотреть профиль Найти все сообщения от riaron86
 
Регистрация: 27.11.2021
Сообщений: 76

изображения не показывает в чем ошибка?

Shop.js
import React,{useContext} from 'react';
import {AuthContext} from "../context/index.js";
import Item from "./Item";
import shop from '../css/components/shop.css';

function Shop(props) {
    const propk=useContext(AuthContext);
    return (
        <div className="shop">
            {propk.products.map(function (data){
                return(
                    <div className='items'>
                        <Item key={data.id} model={data.model} prise={data.prise} desc={data.desc} img={data.img}/>
                    </div>
                )
            })}
        </div>
    );
}

export default Shop;

Item.js
import React from 'react';
function Item(props) {
    var aimg='';
    return (
        <div>
            { props.img ? <img className="itemimg" src={props.img} />  : <img className="itemimg" src='./../../public/imgs/emptyimg.jpeg'/>}
            <p>Модель:{props.model}</p>
            <p>Цена:{props.prise}</p>
            <p>Описание:{props.desc}</p>
        </div>

    );
}

export default Item;
Ответить с цитированием