How to call a child component function from the parent component in React?

In this article, I will show you the easiest way to call a child’s function from a parent component in React.

Lets started :

To achieve that We need: useRef, forwardRef, and useImperativeHandle, which are React hooks that let you pass a ref to a child component and expose some functions to the parent component.

For example:

You can wrap the child component with forwardRef and accept a ref as the second argument of your component function. Then, you can use the useImperativeHandle hook to specify what functions to expose to the parent component.

If you found this article helpful, please share it with your friends!

You can contact me through Twitter or Linkedin.

Thanks for your reading.

Resources :

https://react.dev/reference/react/forwardRef