컴포넌트로 넘긴 함수 사용 관련 질문 드려요.

[레돌]

안녕하세요. 
강좌와 무관한 질문이라 드려도 될까 싶다가, 도저히 방법이 떠오르지 않아 드려봅니다. 

const [a, setA] = useState()

useEffect(() => {
   setA('test')
},[])

const btnAct = () => {
   console.log(a) 
}

<Custom btnAct={btnAct} />

위와 같은 코드일 때, 저는 Custom 내부에서 btnAct()가 호출되면 
useEffect에서 설정한 a의 값이 찍힐 줄 알았는데,
undefined라고 나오네요. 
useEffect 에서 설정한 값이 btnAct에서 나오게 할려면 어떻게 해야할까요?
참조같은 개념이 있나 찾아봐도 못 찾겠네요. 클로저를 이용해 볼랬는데, 잘 안되네요. ;;;
답변 부탁드려봅니다. 
감사합니다. 

[codingapple]

테스트해보니 test라고 잘 출력됩니다

[레돌]

감사합니다. 
그렇네요. 해당 코드는 잘 되네요. ;;
실제 코드에서는 Custom 컴포넌트안에서 .on으로 클릭 이벤트를 붙인 요소에서 btnAct()를 호출하게 되어 있는데, 
이거 때문에 안되는 거네요. ㅠ 
좀 더 찾아봐야겠습니다. 

[글쓴이]

글