React - 글로벌하게 사용할 함수 만들 때 주의사항

React Hook을 사용할 때는 규칙이 있는데 그중 하나는 최상위 컴포넌트에 위치해야 한다는 것이다.

그렇기에 다른 컴포넌트에 함수를 만들어서 호출하고 싶을때 그 함수가 선언된 컴포넌트에서 훅을 사용하여 state를 할당해봤자 error가 뜨게된다.

그렇기에 필요한 변수를 담을 props를 parameter로 주고 사용할 컴포넌트에 함수를 끌어와서 props로 변수를 주면 된다.