더북(TheBook)

2.4.8 주석

 

JSX 안에서 주석을 작성하는 방법은 일반 자바스크립트에서 주석을 작성할 때와 조금 다릅니다. 우선 다음 코드를 한번 살펴보세요.

App.js - render 함수 내부의 return

    return (
      <div className=”my-div”>
        { /* 요소 밖에서는 이렇게 작성해요. */ }
        <h1>리액트 안녕!</h1>
        <h2>{text}</h2>
        { condition && ‘보여주세요’ }
        <div 
          style={style}
          // self-closed 태그에서만 작동하는 주석
          // 마지막 />   줄에 있어야 합니다.
          /* 이렇게 작성할 수도 있고요. */
        />
        // 여기 쓰는 건 그대로 렌더링됩니다.
        /* 여기에선 주석 못 써요 */
      </div>
    );

신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.