2017-12-12 5 views
0

I Karte für einige Json-Daten verwenden, nachdem machen Ich möchte nur übergeordnete Element löschen, wenn auf Schaltfläche Löschen klickenlöschen Mutterelement auf klicken Reagieren JS

{tours.map((item, index) => { 
    return (
     <div className="cart-item" key={index}> 
      <div className="image"> 
       <img src={"/uploads/thumbs/tour/" + item.image} alt="" /> 
      </div> 
      <div className="info"> 
       <h2>{item.name}</h2> 
       <ul><li className="calendar-small-icon">{moment(item.start_date, ["YYYY-MM-DD"]).format('D MMMM')}</li><li className="duration">{item.day_num} დღიანი </li></ul> 
      </div> 
      <div className="actions"> 
       <div className="price">{item.price} <span className="lari">₾</span> </div> 

       <NumericInput min={0} max={100} value={item.number} className="number-input" /> 

       <i className="icon-close delete"></i> 

      </div> 
     </div> 
    ) 
})} 
+0

Überprüfen Sie diese Antwort https://stackoverflow.com/questions/43893508/remove-items-form-the-list-in-react-js/43893804#43893804 –

Antwort

0

Verwenden Sie eine Methode wie diese in Ihrer Komponente:

const deleteItem = (index) => 
    this.setState('tours', [].concat(tours).splice(index, 1)); 
Verwandte Themen