오류(8) - Functions are not valid as a React child.

[문제 발생]

Functions are not valid as a React child.

This may happen if you return a Component instead of <Component /> from render.

Or maybe you meant to call this function rather than return it.

 

return에 renderData라고 만든 함수를 함수명만 써서 오류가 발생하였다.

return(
	<>
		<h1>test</h1>
		테스트 페이지
		<div>{renderData}</div>
	</>
 );

---

[해결 과정]

{renderData} -> {renderData()}로 수정

return(
	<>
		<h1>test</h1>
		테스트 페이지
		<div>{renderData()}</div>
	</>
);