React 주석, JSX 주석

mori·2023년 10월 3일
0

리액트챌린지

목록 보기
3/4


매일 리액트를 사용할 때마다 헷갈리던 주석!
오늘은 리액트 주석을 뽀개러 가봅시다 🕊️

01. React 주석

자바스크립트와 동일한 방법으로 주석처리를 해줍니다.
🥏 한 줄 주석 : //
🥏 여러 줄 주석 : /* */

<script type="text/babel">
    function App() {
      // const [minutes, setMinutes] = React.useState();
      const onChange = (event) => {
        setMinutes(event.target.value);
      };
      return (
        <div />
        );
      }
  </script>

02. JSX 주석

자바스크립트 여러줄 주석에 {}를 추가합니다.

 <script type="text/babel">
    function App() {
    //React 주석
    // const [minutes, setMinutes] = React.useState();
      const onChange = (event) => {
        setMinutes(event.target.value);
      };
      return (
        <div>
        {/*JSX 주석*/}
          {/*<h1 className="tit">🧮 Super Converter 🧮</h1>*/}
        </div>
        );
      }
  </script>
profile
지식을 나눠요 📓

0개의 댓글