mapping objects inside another mapping react native

Question

i am trying to map an object that is inside another object and i have tried to use this code inside a scrollview:

{Object.entries(exceptions).map(([key, value]) => {
  Object.entries(value).map(([num, photo]) => {
    let Qnum = num;
    let qType = key;
    let image = photo;
    return (
      <CustomCard
        questionNumber={Qnum}
        questionType={qType}
        image={image}
        key={`${key}, ${value}, ${photo}`}
      />
    );
  });
})}

the object looks like this:

{"Qtype":{"key":val},"another":{"key":val}}

this doesn't return the card i want

The above code returns an array or array of arrays not component(s). — SelvaS
– SelvaS, Commented Oct 15, 2021 at 9:21

Neel Dsouza · Accepted Answer · 2021-10-15 09:54:50Z

2

You are just mapping in the 2D array. Just add an return statement before second loop or else just remove your {} brackets

{Object.entries(exceptions).map(([key, value]) =>
    Object.entries(value).map(([num, photo]) => {
      let Qnum = num;
      let qType = key;
      let image = photo;
      return (
            <CustomCard
              questionNumber={Qnum}
              questionType={qType}
              image={image}
              key={`${key}, ${value}, ${photo}`}
            />
      );
    });
  })

answered Oct 15, 2021 at 9:54

Neel Dsouza

1,5695 gold badges16 silver badges36 bronze badges

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

Collectives™ on Stack Overflow

mapping objects inside another mapping react native

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related