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)