javascript - 映射到数组对象中，并带有其他映射参数的索引

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 的键，而不是对象，即代码中的 k