[React] Warning: validateDOMNesting(...): div cannot appear as a child of table.

현재 유지보수중인 프로젝트를 보다보면 Warning이 너무 많이 나와서 

하나씩 수정해 보려고 한다.

진짜 간단하게는 map등을 사용하면서 key값이 없는 경우도 있고, 뭐가 엄청 긴데 원인이 안보이는 경우도 있어서

하나씩 수정하며 Warning내용을 정리 해보게 될 것 같다.

 

물론 내가 추가 수정/개발하다가 나오는 에러들도 당욘히,,,,ㅎㅎㅎ

 

에러 내용

Warning: validateDOMNesting(...): <div> cannot appear as a child of <table>.

 

에러 이유

• <table>태그 자식으로는 <div>태그가 올 수 없다.
• style을 위해 margin을 table태그 안에 넣어둔 것 때문에 발생한 warning이었다

 

수정 방법

• table태그 밑 <thead>, <tbody>가 들어올 자리에 Margin용으로 만들어진 컴포넌트가 들어오고 있어,
  컴포넌트를 table태그 위로 올려줬다.

 

참고 사이트

• https://rrecoder.tistory.com/139