-
Reactjs 2020‧07‧15
조건문 처리
reactjs 에서 조건문 처리할 때는 삼항식을 사용하거나 자가실행함수 안의 if문으로 처리한다.아래는 컴포넌트 안에 들어갈 코드들이다. 삼항식이 아닌 단순히 단적인 조건에 대한 처리는 아래처럼 한다. 기존에 쓰던 if 조건문을 사용하려면 아래처럼 자가실행함수를 만들어 실행한다.
-
Reactjs 2017‧05‧17
JSX - 엘리먼트를 단순 조건에 따른 렌더
JSX 상에서 조건문을 길게 쓰지 않고 단순하게 엘리먼트를 렌더링 할때 사용한다. 특히 true/false와 같은 조건으로 React 엘리먼트를 렌더할 때 편하다. <div> { this.state.logined && <Profile /> } </div> this.state ={ logined : true } 이면 <Profile /> 엘리먼트가 렌더 된다. <Profile /> 대신에 html 엘리먼트를 넣어도 된다. (<img src="./test.jpg" /> 이런 거) 공식 문서 […]