Where am i going wrong with this array filter? Reactjs

Question

I am mapping over some data that I am getting from a api however when i try to add the filter function i get 'currencyData.includes is not a function'

I have also tried just hard coding the array but it also still doesnt work?

I have a loading state for when i fetch data from the api which holds code from being run but i have removed it from this example as its not getting data from the api below.

The simplified version is here...

ARRAY

var items = [
        {
          "id": 1,
          "productName": "shoes",
          "productIdentifier": "CL001",
          "productDescription": "adidas kicks boir",
          "productPrice": 2000,
          "productStock": 200,
          "created_at": "2020-51-28",
          "updated_at": null
         },
        {
          "id": 2,
          "productName": "burger",
          "productIdentifier": "FD001",
          "productDescription": "charsiu berger",
          "productPrice": 2000,
          "productStock": 200,
          "created_at": "2020-51-28",
          "updated_at": null
         }
      ]

return(
   {items.filter(currencyInfo => currencyInfo.includes("FD001")).map((value, index) => {
        console.log(value)
        return(
              <h1 key={index}>{value}</h1>
              )
    })}
)

That's totally normal, cause currencyInfo is an object, not an array, you can't call .includes() on it. — Adil Bimzagh
– Adil Bimzagh, Commented Aug 27, 2021 at 9:34

Ryan Le · Accepted Answer · 2021-08-27 09:36:29Z

4

currencyInfo is not an array, you can not call includes on it

Here is my suggestion:

return(
   {items.filter(currencyInfo => currencyInfo.productIdentifier === "FD001").map((value, index) => {
        console.log(value)
        return(
              <h1 key={index}>{value}</h1>
              )
    })}
)

More about includes()

answered Aug 27, 2021 at 9:36

Ryan Le

8,5181 gold badge18 silver badges27 bronze badges

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

1 Comment

Matt Over a year ago

Ah so simple now I see the answer. Thanks :)

hyojoon · Accepted Answer · 2021-08-27 09:40:49Z

1

The includes() method determines whether an array includes a certain value among its entries, returning true or false as appropriate. Check this Doc

But in items.filter(currencyInfo => currencyInfo.includes("FD001")), type of currencyInfo isn't array but object.

So you should use currencyInfo.productIdentifier.includes()

answered Aug 27, 2021 at 9:40

hyojoon

6531 gold badge8 silver badges21 bronze badges

Collectives™ on Stack Overflow

Where am i going wrong with this array filter? Reactjs

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related