地図内のマップをjavascriptで実行しますか？

Question

私はこのコードを持っている：

_renderChannels() { 
    return this.state.channelsData.map(channelData => { 
     return this.state.channelsStreamData.map(channelStreamData => { 
      return <Channel channelData={channelData} channelStreamData={channelStreamData} /> 
     }) 
    }); 
    } 

私はチャネル成分の小道具をマッピングしたいが、唯一の3倍ことになっているとき、チャネル成分が繰り返し9回を返されていますか？ですから、私はchannelDataとchannelStreamDataのデータをマップし、コンポーネントChannelを返したいと思います。私はその中のマップを削除しようとしましたが、返さないときには戻っていません。助けて？

Answer 1

これはそれを行う必要があります。

_renderChannels() { 
    return this.state.channelsData.map((channelData, i) => <Channel 
     channelData={channelData} 
     channelStreamData={this.state.channelStreamData[i]} 
    />); 
} 

私はi、インデックスパラメータを追加しました。そうすれば、私はthis.state.channelStreamData配列から同じ要素をつかむことができます。