8/28/24, 1:17 PM DressList.
jsx
reactcode\src\Clothes\[Link]
1 import React from 'react'
2 import FemaleDress from './WomenDress'
3 import MenDress from './MenDress'
4 import KidsDress from './KidsDress'
5 import WomenDress from './WomenDress'
6 import DressStyles from './DressStyles'
7 import styles from'./[Link]'
8 import State from './State'
9 import Fancy from './Fancy'
10 import StateObjects from './StateObjects'
11
12
13 function DressList() {
14 const Male={
15 cloth:'Shirts',
16 price:900,
17 shopName:'chennai silks',
18 age:22,
19 value: <img src="[Link]
2023/213334601_g6.jpg?width=1080&height=1355&mode=fill&fill=blur&format=auto" width="500px"
height="400px" alt="" srcset="" />
20 }
21
22 const Female={
23 cloth:'saree',
24 price:900,
25 shopName:'Pachayappas',
26 age:56,
27 value: <img src="[Link]
q=tbn:ANd9GcSmamSUcp6MTob8
Zdy3OFUZ1zgMPP-yCXC3HEDAwZKQ6KFu7nI
ixFtQ7Ny6BVJ3WGwQbmB
1E5-hWl-
I95bqCoSjhSyFQvjdqlc
36atYFTE" width="300px" height="400px" alt="" /> }
28
29 const kids={
30 cloth:'T shirt',
31 price:300,
32 shopName:'varuns lifestyle',
33 age:7,
34 value: <img src="[Link]
alt="" />
35 }
36
37 const uncle='vesti';
38 const color='white';
39
40 const numberedList=[1,2,3,4,5,6]
41 const numberedList2=[3,5,5,8,9,0,2]
42
43 const DressDetails=[
44 {dressName:'dhoti', price:788, color:'red', cloth:'tshirt', age:23},
45 {dressName:'saree', price:988, color:'green' ,cloth:'jacket',age:15},
46 {dressName:'blouse',price:199, color:'blue', cloth:'pant',age:20},
47
localhost:56708/b3b4649b-171a-43aa-8643-cec6089bc0ea/ 1/2
8/28/24, 1:17 PM [Link]
48 ]
49 return (
50 <div>
51 <MenDress Male={Male} uncle={uncle} color={color}/>
52 <h1>Message:{[Link]=='Shirts'?'He bought shirt':'He not choose a shirt'}</h1>
53 <FemaleDress Female={Female}/>
54 <h2>Message:{[Link]=='jacket'?'she bought jacket':'she bought a saree'}</h2>
55 <KidsDress kids={kids}/>
56 <h2>Message:{[Link]!==('saree' && 'T shirt')?'He bought a T Shirt': 'He is not
bought anything else'}</h2>
57 <ul> {[Link]((Male)=><li><MenDress Male={Male} /></li>)}</ul>
58 {[Link]((Female)=><li><WomenDress Female={Female} /></li>)}
59 {[Link]((kids)=><li><KidsDress kids={kids} /></li>)}
60 {[Link]((Male)=><li key={[Link]}><MenDress Male={Male} /></li>)}
61 {[Link]((e,index)=><p key={index}>{e}</p>)}
62 {[Link]((e,index)=><p key={index}>{e}</p>)}
63 <DressStyles/>
64
65 <State/>
66 <Fancy/>
67 <StateObjects/>
68 </div>
69 )
70 }
71
72 export default DressList;
73
localhost:56708/b3b4649b-171a-43aa-8643-cec6089bc0ea/ 2/2