props.data.map이 내 구성 요소에서 작동하지 않습니다.

Question

반응이 배우고 있으며 JS에 익숙하지 않은 사람도 있습니다. 한 구성 요소에서 .map 기능이 작동하지만 다른 구성 요소에서 작동하지 않는 이유를 말해 줄 수 있습니까? ?

지도

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 componen에 있습니다. 티.

변경

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

희망

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

에, 당신은 실수를 알아 냈어.