React 기초 학습 11. React jsx에서 if문과 for문 (Zerocho님 강의 학습 의식의 흐름대로 노트 정리)

강의 유튜브 주소 :

https://www.youtube.com/watch?v=V3QsSrldHqI&list=PLcqDmjxt30RtqbStQqk-eYMK8N-1SYIFn

드디어 4에 들어왔다(한참 남았지만^^;)

 

render 의 return 안에서는 for문과 if를 사용하면 안좋다.(못쓰는 건 아니지만 지저분해지기 때문에 안티패터이될수있다)

 

if문을 보통 삼항연산자로 쓰거나 논리연산자로 사용한다.

jsx에서는 아무것도 없다가 null이다.

render(){
return(
 { this.satate.result.length === 0 ? null : 조건 }
 { this.state.result.lengt !== 0 && 조건 }
);

리액트에서는 jsx의 가독성이 중요하기 때문에 함수로 뺄 수 있다.

renderAverage = () => {
    return this.satate.result.length === 0 ? null : 조건;
};

render(){
    return(
        { this.renderAverage() }
    );
}