react jsx - slahsk/study GitHub Wiki

JSX

리턴 되는 값은 단일 노드 이어야 한다.

 return(
   <h1>Hello world</h1>
   <h1>Hello world</h1>
 )

 return(
  <div>
   <h1>Hello world</h1>
   <h1>Hello world</h1>
  </div>
 )

if 문을 사용할 없지만 삼항식은 사용이 가능하다.

 render(){
   return(
     <div className={condition ? "salutation" : ""}>
     </div>
   )
 }

조건절을 JSX 바깥쪽으로 옮기면 if사용 가능하다.

 render(){
  let className;
  if(condition){
    className = "salutaion";
   }
  return(
   <div className={className}>Hello world</div>
  )
 }