How to filter object in react?

Question

Here is my question, in the first picture. I map my object, it correctly displays my objects, I would like to filter only the items that contain the name beers.

    let addedItems = this.props.items.length ?
    (      
        this.props.items.map(item => {
        return (
            <div className="homeProduct">
                    <Media  >
                        <Media body className="mediaBodyContainerHome">
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                            </div>

                        </Media>
                    </Media>

I show you my table

     const initState = {

items: [
    {id:1,title: "Hype PA (Demi-Pinte)",  ctg: "beers", },
    {id:2,title:'Fuso jaune - kombucha',  ctg: "cocktail",},
    {id:3,title:'Tartinades Terre d\'Apéro', ctg: "planches",},  
],

addedItems:[],
}

Shubham Verma · Accepted Answer · 2019-11-17 17:36:59Z

1

You can do something like this :

let addedItems = this.props.items.length ?
    (      
        this.props.items.filter(item => item.ctg==="beers").map(item => {
        return (
            <div className="homeProduct">
                    <Media  >
                        <Media body className="mediaBodyContainerHome">
                            <div className="mediaBodyTitle">
                                <Media heading className='MediaTextHome'>
                                    {item.title}
                                </Media>
                            </div>

                        </Media>
                    </Media>
            <div>
    ) : "Another rest condition"

answered Nov 17, 2019 at 17:36

Shubham Verma

5,0641 gold badge12 silver badges23 bronze badges

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

1 Comment

Shubham Verma Over a year ago

Great. Make sure mark the answer right if this solves your problem so that it can be helpful for others as well.

Collectives™ on Stack Overflow

How to filter object in react?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related