React_02.

quokka·2022년 3월 20일
0

study

목록 보기
2/8
post-thumbnail

02.

🌈 React에서 table태그 사용하기

🧐 table이란?

  • HTML의 DOM중 하나로 행과 열로 이루어진 표를 나타내는 태그
  • 하위 요소로
    thead
    tbody
    tr
    td
    th
    등이 있다.

📌 JSX에서 table 사용하기.

tbodythead 를 반드시 사용해야 한다.

  • HTML에서의 table은 tbody를 생략하고 바로 tr과 td를 사용할 수 있지만,
    ✏️ JSX에서는 반드시 tbody를 선언해야 tr과 td를 사용 할 수 있다.
  • tbody를 선언하지 않는 경우에는 오류가 발생한다.

✓ 마찬가지로 thead를 작성해야 th를 사용할 수 있다.

✅ tbody와 thead를 작성해야되는 이유

  • React가 리렌더링을 진행할 때 DOM tree가 예상과는 달리 진행될 수 있으므로 작성을 해야한다.
profile
👩🏻‍💻 매일매일이 기대되는 개발자 ^^

0개의 댓글