在具有其他映射參數索引的數組對象中映射

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