props.data.mapが私のコンポーネントで動作しません

Question

私は反応が分かりましたし、JSも新しくなっています。なぜ誰かが.map機能を1つのコンポーネントで動作させるのですが、別のコンポーネントでは動作しません？

地図は

import React from 'react'; 
import Card from './card'; 
import '../memoryGameStyle/cardList.css'; 

const CardList =(props)=>{ 
    const card=props.cards.map((c,i)=>(
     <Card 
      key={i} 
      card={c} 
      cards={props} 
     /> 
    )) 
    return(
     <div className='card-list'> 
      {card} 
     </div> 
    ) 
} 

export default CardList; 

が、それは、このコンポーネントでは機能しません。このコンポーネントではうまく機能

import React from 'react'; 
import '../memoryGameStyle/card.css'; 

class Card extends React.Component{ 
    constructor(props){ 
     super(props); 
     const {hidden,show,id,r,g,b}=this.props.card 
     this.state={...} 
     const style=''; 
    } 

    componentWillReceiveProps(){...} 

    onClick=()=>{ 
     const {id}=this.props.card 
     this.setState({hidden:false}) 
     this.setState({show:true}) 
     const cards=this.props.cards.map((card,i)=>{ 
      console.log(card) 
     }) 
    } 
render(){...} 

私はこのエラーにあなたが送っている

Answer 1

すべての時間を持っています間違ったデータがCardにありますt。

変更

<Card 
    key={i} 
    card={c} 
    cards={props} 
/> 

<Card 
    key={i} 
    card={c} 
    cards={props.cards} 
/> 

希望に、あなたは間違いを考え出しました。