Breaking News: Grepper is joining You.com. Read the official announcement!

react filter products

Readul Ahmed answered on May 15, 2023 Popularity 5/10 Helpfulness 1/10

answer react filter products

react filter products

Comment

  const productFilters = () => {
      
      const myfiler =  products.filter((item:any) => {

        if(brand != '' && item.brand.id != brand) 
        {
          return false
        }
        
        if(category != '' && item.category.id != category)
        {
          return false
        }
       if(range.min && item.price < range.min)
       {
        return false;
       }
       if(range.max && item.price > range.max)
       {
        return false;
       }
       if(rating != '' && parseInt(item.reviews[0].rate) != rating)
       {
        return false;
       }
        return true;
      });

      setFilterPro(myfiler)
      console.log('filter-----------',myfiler);
    
  }

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: filter javascript

Link to this answer
Share Copy Link

Contributed on May 15 2023

Readul Ahmed

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

react filter products

Contents

More Related Answers

react filter products

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.