How to pass function as a prop in React component

Jan 18, 2022


In previous episodes of react, we have learned how to pass props to the components. In this episode, we will see how could we pass the function as a prop to the child component.

Without wasting much time, let’s straight away take a deep dive into code:

At Line 10, we have created the function handleDeleteOptions, this function is being passed to the component of Options at Line 24.

Component Options looks like this —

At Line 50, we are calling the function which is declared in parent component but is being called from child component i.e. Options.

This is how we pass functions from parent to child component!

I will see you in next chapter.