Saltar al contenido

cómo agregar el botón de eliminar en el ejemplo de código de react js

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)



Utiliza Nuestro Buscador

Deja una respuesta

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