Naver Blog
[ React ] warning :: validateDOMNesting(...): <button> cannot appear as a descendant of <button>.
#React #warning #중첩에러 #validateDOMNesting #중첩요소제거 validateDOMNesting(...) 에러 <button> cannot appear as a descendant of <button>. validateDOMNesting 에러는 DOM의 중첩으로 발생하는 warning 입니다. 간단하게 예를 들자면, <button> <button> </button> </button> 버튼 안에 버튼이 또 선언되어 React 에서 발생된 경고인 "validateDOMNesting" 경고입니다. 이 경고는 HTML 요소가 올바르게 중첩되지 않거나 규칙에 어긋나는 경우에 표시됩니다. 특히, 이 경우에서는 <button> 요소가 <button> 요소의 자식으로 중첩되고 있어 문제가 발생한 것이지요. React와 HTML에서는 몇 가지 규칙이 있으며, 이러한 규칙을 준수해야 합니다. <button> 요소는 일반적으로 다른 <button> 요소의 자식으로 중첩되어서는