Thursday, 13 June 2024

Monday, 22 April 2024

how to pass data from child component to parent component

 

1. Create a child component with props 

handleCallBackProp?:(data:string)=> void;

set the value in props on button click or change or where you want to update the parent component

 props.handleCallBackProp!("Chield Value");


2. Now go to parent component and create a call back function like below

  const handleCallBack=(value:string)=>{    alert(value); } 

add the props con the child component like below

handleCallBackProp={handleCallBack}