[react] 조건문을 쓰고 싶을때는? constructor를 쓰는 경우는?

eunbi·2020년 5월 3일
0

React

목록 보기
11/22
  • input을 사용하면 onChange를 쓰거나 아니면
    defaulteValue 속성을 써야 한다.

  • render안에 setState를 쓰면 무한반복이 일어난다.

  • jsx에서 undefined null false는 태그없음을 의미

조건문을 쓰고 싶을때는?

  • render안에서 조건문쓰려면 삼항연산자 또는 && ||(논리)연산자를 쓰거나 따로 함수로 분리한다.

논리 연산자

  • AND (&&) expr1 && expr2 :
    expr1을 true로 변환할 수 있는 경우 expr2을 반환하고, 그렇지 않으면 expr1을 반환합니다.

  • OR (||) expr1 || expr2 :
    expr1을 true로 변환할 수 있으면 expr1을 반환하고, 그렇지 않으면 expr2를 반환합니다.

  • 논리 NOT (!) !expr :
    단일 피연산자를 true로 변환할 수 있으면 false를 반환합니다. 그렇지 않으면 true를 반환합니다.

constructor를 쓰는 경우

constructor(props) {
	super(props);
    const riltered = this.props.filter(() => {
    	//다른동작
    })
    this.state = {
    	result: filtered,
    }
}
  • 함수를 쓰는 경우는 정밀한 동작이 필요할 경우
profile
프론트엔드 개발자입니다 :)

0개의 댓글