map in array object with index of other map parameter

Question

this is my code:

{seasons.map(k => (
    <TabPanel key={k} className="list-episode">
         <Scrollbars style={{ height: this.state.screenSize }}>
             {arrEpisodes[k].map(i => (
                  <div key={i.ID} className="episode">

but, the line {arrEpisodes[k]... not work, why?

What happens when you say 'not work'?

Sid
– Sid

2018-11-10 04:51:35 +00:00
Commented Nov 10, 2018 at 4:51 — Sid
– Sid, Commented Nov 10, 2018 at 4:51

Hemadri Dasari · Accepted Answer · 2018-11-10 04:57:33Z

3

Change

    {seasons.map(k => (
<TabPanel key={k} className="list-episode">
     <Scrollbars style={{ height: this.state.screenSize }}>
         {arrEpisodes[k].map(i => (
              <div key={i.ID} className="episode">

To

  {seasons.map((k, index)=> (
<TabPanel key={k.ID} className="list-episode">
     <Scrollbars style={{ height: this.state.screenSize }}>
         {arrEpisodes[index].map(i => (
              <div key={i.ID} className="episode">

The issue here is you are using data as index position to arrEpisodes array instead of index and that’s why it fails. You need to pass index of seasons array to arrEpisodes array. Also set id as key to TabPanel instead of Object I.e., k in your code

answered Nov 10, 2018 at 4:57

Hemadri Dasari

34.2k41 gold badges125 silver badges166 bronze badges

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

Collectives™ on Stack Overflow

map in array object with index of other map parameter

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