IT_susu
boolean값에 따른 요소 렌더링 여부 본문
1.
<a className="snsList-item" href={linkUrl}>
<img src={imgUrl} alt={name}/>
<p>{name}</p>
<p className="prepare" style={{ opacity : isPrepare || '0' }}>준비중</p>
</a>
2.
<a className="snsList-item" href={linkUrl}>
<img src={imgUrl} alt={name}/>
<p>{name}</p>
{ isPrepare && <p className="prepare">준비중</p> }
</a>
'[ javascript ] > react' 카테고리의 다른 글
react-router-dom switch (0) | 2019.04.08 |
---|---|
LifeCycle method (0) | 2019.04.04 |
create-react-app의 src/App.js 분석 (0) | 2019.03.26 |
기존 프론트엔드개발 방식과 react 개발 방식의 차이 (0) | 2019.03.21 |
react 컴포넌트에서 데이터 다루기(2) state (0) | 2018.06.25 |
Comments