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

обновил App.js
import React,{createContext} from 'react';
import Navbar from "./components/Navbar";
import LeftMenu from "./components/LeftMenu";
import {AuthContext} from './context';
import Shop from "./pages/Shop.js";

function App() {
    const prop = [];
    const polzunok=[];
    const checkboxi=[];
    const products=[];
    polzunok.push(
         {
            id: 1,
            name: "Цена",
            start1: 2000,
            start2: 7000,
            minr: 0,
            maxr: 10000,
        },
    );
    checkboxi.push(
        {id:1,mname:'os1',named:'Андроид',phdr:'Операционная Система'},
        {id:2,mname:'os2',named:'Айос',phdr:'Операционная Система'},
        {id:3,mname:'os3',named:'Виндоус',phdr:'Операционная Система'},
        {id:4,mname:'ram1',named:'2Гб',phdr:'Оперативная Память'},
        {id:5,mname:'ram2',named:'4Гб',phdr:'Оперативная Память'},
        {id:6,mname:'ram3',named:'6Гб',phdr:'Оперативная Память'},
        {id:7,mname:'ram4',named:'8Гб',phdr:'Оперативная Память'},
        {id:8,mname:'ram5',named:'12Гб',phdr:'Оперативная Память'},
        {id:9,mname:'rom1',named:'32Гб',phdr:'Память'},
        {id:10,mname:'rom2',named:'64Гб',phdr:'Память'},
        {id:11,mname:'rom3',named:'128Гб',phdr:'Память'},
        {id:12,mname:'rom4',named:'256Гб',phdr:'Память'},
        {id:13,mname:'diagonal1',named:'5.8',phdr:'Диагональ'},
        {id:14,mname:'diagonal2',named:'6.2',phdr:'Диагональ'},
        {id:15,mname:'diagonal3',named:'6.4',phdr:'Диагональ'},
        {id:16,mname:'diagonal4',named:'6.6',phdr:'Диагональ'},
        {id:17,mname:'dpi1',named:'1280 × 720',phdr:'Разрешение'},
        {id:18,mname:'dpi2',named:'1920 × 1080',phdr:'Разрешение'},
        {id:19,mname:'dpi3',named:'3840 × 2160',phdr:'Разрешение'},
        {id:20,mname:'dpi4',named:'2280×1080',phdr:'Разрешение'},
        {id:21,mname:'dsim1',named:'2x SIM',phdr:'Количество Сим Карт'},
        {id:22,mname:'dsim2',named:'1x SIM',phdr:'Количество Сим Карт'},
        {id:23,mname:'samsung',named:'Samsung',phdr:'Бренд'},
        {id:24,mname:'apple',named:'Apple',phdr:'Бренд'},
        {id:25,mname:'huawei',named:'Huawei',phdr:'Бренд'},
        {id:26,mname:'xiaomi',named:'Xiaomi',phdr:'Бренд'},
        {id:27,mname:'meizu',named:'Meizu',phdr:'Бренд'},
        {id:28,mname:'asus',named:'Asus',phdr:'Бренд'},
        {id:29,mname:'alcatel',named:'Alcatel',phdr:'Бренд'},
        {id:30,mname:'lenovo',named:'Lenovo',phdr:'Бренд'},
    )
    var checkbox1=[1,8,12,15,19,22,23];
    var checkbox2=[1,6,11,13,20,22,26];
    var checkbox3=[2,6,11,14,20,22,24];
    var checkbox4=[1,7,12,16,20,22,25];
    var checkbox5=[1,7,12,16,19,22,27];
    var checkbox6=[1,8,12,16,20,22,28];
    var checkbox7=[3,5,10,13,18,21,29];
    var checkbox8=[1,4,9,13,17,22,30];
    products.push(
        {id:1,img:'/../public/imgs/sgs20.jpg', model:"s20",prise:20000,desc:"Мощный и надежный",checkboxid:checkbox1},
        {id:2,img:null, model:"Mi Play",prise:8414,desc:"Функциональный",checkboxid:checkbox2},
        {id:3,img:null, model:"iPhone 14",prise:75682,desc:"Мощный",checkboxid:checkbox3},
        {id:4,img:null, model:"Nova 10 SE",prise:18109,desc:"Красивый",checkboxid:checkbox4},
        {id:5,img:null, model:"18s",prise:53099.56,desc:"Цена Качество",checkboxid:checkbox5},
        {id:6,img:null, model:"Смартфон ASUS ROG Phone 6D ",prise:53450,desc:"Производительный",checkboxid:checkbox6},
        {id:7,img:null, model:"One Touch Idol 4 Pro",prise:17514,desc:"Оптимальный",checkboxid:checkbox7},
        {id:8,img:null, model:"A7000",prise:9000,desc:"Доступный",checkboxid:checkbox8},
    )
    prop['polzunok']=polzunok;
    prop['checkboxi']=checkboxi;
    prop['products']=products;
  return (
    <div className="App">
        <AuthContext.Provider value={prop}>
            <Navbar/>
            <LeftMenu/>
            <Shop/>
        </AuthContext.Provider>

    </div>
  );
}

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