Saltar al contenido

pasar el estado de hijo a padre reaccionar useState ejemplo de código

Después de mucho batallar hemos hallado el resultado de esta pregunta que muchos de nuestros usuarios de este sitio web han presentado. Si tienes algún dato que aportar no dejes de compartir tu información.

Ejemplo 1: pasar setstate a child

//ChildExt componentclassChildExtextendsReact.Componentrender()return(<div><button onClick=()=>this.props.handleForUpdate('someNewVar')>Push me</button></div>)//Parent componentclassParentExtextendsReact.Componentconstructor(props)super(props);this.state=lol:falsehandleForUpdate(someArg)this.setState(lol:true);console.log(someArg);//Notice how we don't pass the arguments into the bind.this even though it does take an argument.render()return(<ChildExt handleForUpdate=this.handleForUpdate.bind(this)/>)

Ejemplo 2: React hooks actualiza el estado principal del secundario

constEnhancedTable=( parentCallback )=>const[count, setCount]=useState(0);return(<button onClick=()=>const newValue = count +1;setCount(newValue);parentCallback(newValue);>Click me count</button>);classPageComponentextendsReact.Componentcallback=(count)=>// do something with value in parent component, like save to staterender()return(<div className="App"><EnhancedTable parentCallback=this.callback/><h2>count 0</h2>(count should be updated from child)</div>)

Si conservas alguna vacilación y forma de afinar nuestro crónica puedes dejar una disquisición y con deseo lo analizaremos.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *