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

index.tsx 파일에

const App = () => {

const getName = () => { return "test";}

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

}

예를 들어 위와 같은 구조에서

1. App 컴포넌트 내부에 getName 함수를 정의해서 사용하는거랑 App 컴포넌트 밖에 함수를 정의해서 사용하는 경우 어떤 차이가 있는지 궁금합니다

2. App 컴포넌트 내부에서 함수를 정의하는 경우 App 컴포넌트가 랜더링 될 때마다 getName 함수도 다시 만들어지는 걸로 알고 있는데

이런 일반함수들은 App 콤포넌트 밖에다 정의해도 상관이 없는건가요?

 

3. 상태를 변경하는 함수인 경우에만 App 콤포넌트 내부에 정의하고 그렇지 않은 경우 밖에다 정의하는게 좋을까요?

 

감사합니다