Marcos, parte de nuestro staff, nos hizo el favor de redactar este escrito ya que domina muy bien dicho tema.
Ejemplo: botón eliminar reaccionar
Let me guess,Are you looking for something like this?classExampleextendsReact.Componentconstructor()this.state=
data:[id:1, name:'Hello',id:2, name:'World',id:3, name:'How',id:4, name:'Are',id:5, name:'You',id:6, name:'?']// shorter & readable delete(item)const data =this.state.data.filter(i=> i.id!== item.id)this.setState(data)// or this way, it works as well//delete(item)// const newState = this.state.data.slice();// if (newState.indexOf(item) > -1) // newState.splice(newState.indexOf(item), 1);// this.setState(data: newState)// //render()const listItem =this.state.data.map((item)=>return<div key=item.id><span>item.name</span><button onClick=this.delete.bind(this, item)>Delete</button></div>)return<div>listItem</div>React.render(<Example/>,document.getElementById('container'));Inthis example pay attention how i'm binding delete method and pass there newparameter. fiddle
I hope it will help you.Thanks
Si entiendes que te ha resultado de utilidad este artículo, sería de mucha ayuda si lo compartes con más juniors de esta manera contrubuyes a extender nuestro contenido.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)