Javascript 使用其他映射参数的索引在数组对象中映射

Javascript 使用其他映射参数的索引在数组对象中映射,javascript,arrays,reactjs,Javascript,Arrays,Reactjs,这是我的代码: {seasons.map(k => ( <TabPanel key={k} className="list-episode"> <Scrollbars style={{ height: this.state.screenSize }}> {arrEpisodes[k].map(i => ( <div key={i.ID} className="epis

这是我的代码:

{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">
{季节图(k=>(
{arrEpisodes[k].map(i=>(
但是,{arrEpisodes[k]…行不起作用,为什么?

改变

    {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">
{季节图(k=>(
{arrEpisodes[k].map(i=>(

{季节图((k,索引)=>(
{arrEpisodes[index].map(i=>(
这里的问题是,您使用数据作为arrEpisodes数组的索引位置,而不是索引,这就是失败的原因。您需要将季节数组的索引传递给arrEpisodes数组。还需要将id设置为TabPanel的键,而不是对象,即代码中的k

    {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">
{季节图(k=>(
{arrEpisodes[k].map(i=>(

{季节图((k,索引)=>(
{arrEpisodes[index].map(i=>(

这里的问题是,您使用数据作为arrEpisodes数组的索引位置,而不是索引,这就是失败的原因。您需要将季节数组的索引传递给arrEpisodes数组。还需要将id设置为TabPanel的键,而不是对象,即代码中的k,当您说“不工作”时会发生什么?当您说“不工作”时会发生什么?