[React] 에러 해결: "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에서 아래와 같이 코드 작성 후 실행 시 에러 발생

return (
    <div>
      {function}
    </div>
)

📝에러 메시지

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 (
    <div>
      {function()}
    </div>
)

---

포스팅 내용에 오류가 있다면 아래에 댓글 남겨주세요.

그럼 오늘도 즐거운 하루 보내시길 바랍니다 :)

고맙습니다😊