안녕하세요, 제로초님!
리액트 강의 정말 감사하게 수강하고 있습니다.
다름이 아니라 cannot read properties of undefined (reading 'length') 오류가 발생했는데 해결이 안되어서 그러는데요. 이게 Table.jsx의 tableData.length 에서 발생하는 오류인 것 같은데 아무리 구글링을 해보고 제로초님 깃허브에 있는 파일을 그대로 옮겨봐도 해결이 안되어서 질문드립니다. 어느 부분에서 발생한 오류일까요?
<img src="https://cdn.inflearn.com/public/files/posts/3500e78a-58e8-459c-8267-e952219e87b2/blob" alt="" />
<div style="color: #eeffff; background-color: #212121; font-family: Consolas, 'Courier New', monospace; font-size: 14px; line-height: 19px; white-space: pre;">
<div>import React from 'react';</div>
<div>import Tr from './Tr';</div>
 
<div>const Table = ({ tableData, dispatch }) =&gt; {</div>
<div>&nbsp; return (</div>
<div>&nbsp; &nbsp; &lt;table&gt;</div>
<div>&nbsp; &nbsp; &nbsp; &lt;tbody&gt;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; {Array(tableData.length).fill().map((tr, i) =&gt; (</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &lt;Tr key={i} dispatch={dispatch} rowIndex={i} rowData={tableData[i]} /&gt;</div>
<div>&nbsp; &nbsp; &nbsp; &nbsp; ))}</div>
<div>&nbsp; &nbsp; &nbsp; &lt;/tbody&gt;</div>
<div>&nbsp; &nbsp; &lt;/table&gt;</div>
<div>&nbsp; );</div>
<div>};</div>
 
<div>export default Table;</div>
</div>

말 그대로 tableData가 undefined인 겁니다. 왜 undefined일까요? tableData를 추적해보면 되겠죠? Table 컴포넌트에 tableData를 넣은 곳을 역추적해나가는 겁니다.

인프런 커뮤니티 질문&답변

cannot read properties of undefined (reading 'length') 오류