Skip to content

Come passare i dati dal componente figlio al componente padre Esempio di codice

Il nostro team di scrittura ha cercato a lungo per darti risposte alle tue ricerche, ti forniamo la risposta, ecco perché il nostro obiettivo è quello di esserti di grande supporto.

Esempio 1: passare i dati dal componente figlio al componente genitore reagire in modo nativo

classParentextendsReact.Component{
  state ={ message:""}callbackFunction=(childData)=>{this.setState({message: childData})},render(){return(<div><Child1 parentCallback ={this.callbackFunction}/><p>{this.state.message}</p></div>);}}classChild1extendsReact.Component{sendData=()=>{this.props.parentCallback("Hey Popsie, How’s it going?");},render(){//you can call function sendData whenever you'd like to send data from child component to Parent component.}};

Esempio 2: come passare gli oggetti di scena dal figlio al genitore

classToDoListextendsReact.Component{constructor(props){super(props);this.state={            listDataFromChild:null};},myCallback=(dataFromChild)=>{this.setState({ listDataFromChild: dataFromChild });},otherFn=()=>{[...within this other function now I still have access to this.state.listDataFromChild...]}render(){return(<div><ToDoItem callbackFromParent={this.myCallback}/>[...now here I can pass this.state.listDataFromChildas a prop to any other child component...]</div>);}});

Commenti e valutazioni dell'articolo



Utilizzate il nostro motore di ricerca

Ricerca
Generic filters

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.