본문 바로가기

A.개발관련자료

[0]react-dom.development.js:67 Warning: validateDOMNesting(...): Whitespace text nodes cannot appear as a child of <tbody>. Make sure you don't have any extra whitespace between tags on each line of your source code.

=> 이전부터 계속 해결하고 싶었던 에러이다. 계속 비슷한 상황이 반복되니 해결해야겠다 싶어 코드를 자세히 보면서 디버깅을 해보니,

위 에러인 즉슨 tbody안에 공백이 들어간다는 내용인 것 같았다. 

나의 경우에는 화면을 띄워주는 return문안에서 삼항식 사용시 값이 없으면 빈값을 전달해서 생기는 오류로 보여졌다.

비슷한 경우의 분들이 계시면 table 내에서 삼항식 사용시 빈값을 부여하지 않았는지 확인해보시길 바란다.

         {tabName ==="aaa" && EachPage ?
            EachPage.map((data,idx)=>(
              <FullGuideInnerTable 
              key={idx}
              data={data} idx={idx} 
              showNewGuideModal={showNewGuideModal}
              cellStyle={cellStyle}
              EachPage={EachPage}
              pageUserCount={pageUserCount}
              page={page}
              />
            ))
            :
            tabName ==="bbb"?
            EachPage.map((data,idx)=>(
              <FoodGuideInnerTable
              key={idx}
              data={data} idx={idx} 
              showNewGuideModal={showNewGuideModal}
              cellStyle={cellStyle}
              EachPage={EachPage}
              pageUserCount={pageUserCount}
              page={page}
              />
            ))
            :"" ////////이부분이 에러의 원인이였음  !!
            }