ojh23685491

강사님은 웬만하면 100줄 넘어가지 않도록 분리한다.

카드가 반응형 스타일이 좀 이상하게 됩니다.

실제 위 코딩은 객체이므로 다시 리렌더링이 된다.
시간이 없어서 강사님이 이렇게 코딩한 것.
따로 useMemo 하든지 최적화 진행해야한다.

<div style="color: #eeffff; background-color: #212121; font-family: Menlo, Monaco, 'Courier New', monospace; font-size: 12px; line-height: 18px; white-space: pre;">
<div> return (</div>
<div> <List</div>
<div> style={{ marginBottom: 20 }}</div>
<div> grid={{ gutter: 4, xs: 2, sm: 2, md: 3, lg: 3, xl: 3, xxl: 4 }}</div>
<div> size='small'</div>
<div> header={<div>{header}</div>}</div>
<div> loadMore={</div>
<div><div style={{ textAlign: 'center', margin: '10px 0' }}></div>
<div><Button>더 보기</Button></div>
<div></div></div>
<div>}</div>
<div> bordered</div>
<div> dataSource={data}</div>
<div> renderItem={item => (</div>
<div><List.Item style={{ marginTop: 20 }}></div>
<div><Card actions={[<StopOutlined key='stop' />]}></div>
<div><Card.Meta description={item.nickname} /></div>
<div></Card></div>
<div></List.Item></div>
<div>)}</div>
<div> /></div>
</div>

ojh23685491

投稿