在具有其他映射参数索引的数组对象中映射

Question

这是我的代码：

{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">

但是，行{arrEpisodes [k] ...不起作用，为什么？

Answer 1

更改

    {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">

至

  {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">

这里的问题是您将数据用作arrEpisodes数组的索引位置而不是索引，这就是为什么它失败的原因。 您需要将Seasons数组的索引传递给arrEpisodes数组。 还要将id设置为TabPanel的键，而不是代码中的Object Ie，k