본문 바로가기

REACT

Grid list 예제

<Container maxWidth="lg">

      <GridList cellHeight={imgHeight} cols={colCount} spacing={4} component="div">

        {bestsell && bestsell.length > 0 && bestsell.map((item, idx) => (

            <GridListTile cols={1} rows={1}  key={idx}>

              <Grid >

              <img src={item.imageSrc} style={imgStyleObj[imgKey]} />

              </Grid>

              <Grid style={{textAlign: 'center'}}>

              {item.cateNm}

              </Grid>     

            </GridListTile>

        ))}

    </GridList>

  </Container>

'REACT' 카테고리의 다른 글

노마드 코더 props 기본 예제  (0) 2020.06.30
axios 예제  (0) 2020.06.07
Hooks 와 state  (0) 2020.05.17
리액트 이벤트 연습  (0) 2020.05.09
componentDidmount()  (0) 2020.05.08