React에서의 주석은 기본적인 html주석이나 js주석으로 처리할수 없다.

주석을 처리를 하기전에 {}로 감싸주고 /**/로 한번더 감싸주어야지 정상적으로 주석처리 된다.

 

한줄 주석

return (
   <div style={{
      color: color
   }}>
      { /*isSpecial ? <b>*</b> : null */ }
      {isSpecial && <b>*</b>}
      안녕하세요 {name}!
   </div>  
);

 

여러줄 주석

return (
   <div style={{
      color: color
   }}>
      { 
         /*
            isSpecial ? <b>*</b> : null 
            isSpecial ? <b>!</b> : null 
            isSpecial ? <b>?</b> : null 
            
         */ 
      }
      {isSpecial && <b>*</b>}
      안녕하세요 {name}!
   </div>  
);

'SPA > React.js' 카테고리의 다른 글

Component Wrapping (컴포넌트 감싸기)  (0) 2021.05.10
Input value control (input 상태 관리)  (0) 2021.05.09
React props 1  (0) 2021.05.07
React 프로젝트 생성  (0) 2021.05.06
React install  (0) 2021.05.05