React hooks에서 다른 컴포넌트의 메서드를 사용하는 방법이 궁금합니다!

Question

안녕하세요! react의 hooks 방식 사용시 컴포넌트 A ( button이 있습니다. )컴포넌트 B ( form이 있습니다. ) 위 두개의 컴포넌트가 있을때,컴포넌트 A의 button을 눌렀을때 컴포넌트 B의 form이 Submit되게 하고싶은데어떻게해줘야 할까요 ㅠㅜ

aladdin56 · Answer

부모를 만들고, 자식에게 콜백 함수를 전달해주는 방법이 있습니다.예를 들면, const BobChild = ({ parentCallback }) => { const [count, setCount] = useState(0); return ( ) }; const AliceChild = ({ parentCallback }) => { const [count, setCount] = useState(0); return ( ) }; class ExhaustedParent extends React.Component { callback = (count) => { // do something } render() { return (

count 0

(count should be updated from child)

) } }

React hooks에서 다른 컴포넌트의 메서드를 사용하는 방법이 궁금합니다!

1개의 답변

#hooks 목록