Delete parent element on click React JS

Question

I use map for some Json data after render I just want to delete parent item when clicking on delete button

{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>
    )
})}

Check this answer stackoverflow.com/questions/43893508/…

Shubham Khatri
– Shubham Khatri

2017-12-12 08:33:10 +00:00
Commented Dec 12, 2017 at 8:33 — Shubham Khatri
– Shubham Khatri, Commented Dec 12, 2017 at 8:33

Mosè Raguzzini · Accepted Answer · 2017-12-12 10:17:52Z

0

Use a method like this in your component:

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

answered Dec 12, 2017 at 10:17

Mosè Raguzzini

15.9k1 gold badge34 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Delete parent element on click React JS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related