私の反応のアプリケーションの配列にオブジェクトを追加する方法

Question

私はリアクションを学んでおり、メモリゲームアプリを作成しようとしています。カードのコンポーネントをクリックすると、そのカードを空の配列。しかし、新しいカードをクリックするたびに、小道具の値が変わるので、2番目のカードをクリックすると最初のカードが保存されず、正しく保存されません。私は同様の質問のいくつかをチェックしたが、投稿された問題は異なっている。

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

class Card extends React.Component{ 
    constructor(props){ 
     super(props); 
     this.state={card:'' } 
    } 
    onCardClick=()=>{ 
     const array=[] 
     const newCard={...this.props.card,show:true} 
     this.setState({card:newCard}) 
    } 
    render(){...} 
} 

export default Card 

新しいカードをonCardClickの配列にプッシュしようとしています。私は2つの小道具を持っています、私はクリックしたカードを表示し、もう1つはすべてのカードの配列を表示します。私はfilter（）、push（）、spreadオペレータ、これまでの作業を使わないようにしようとしました。助けてください、ありがとう

Answer 1

あなたはあなたの状態でカード変数を書いています。この代わりに

constructor(props){ 
    super(props); 
    this.state={card:[] } 
} 

免責ん：以下のソリューションはNEWCARDは、私が理解するものから選択したカード

onCardClick=()=>{ 
    const {card} =this.state; 
    const newCard= //get selected card 
    card.push(newCard); 
    this.setState({card:newCard}) 
} 

Answer 2

が含まれていることを前提とし、あなたは2つの要件があります

• を現在のクリックしたカードを表示。
• 過去にユーザーがクリックしたカードをすべて表示します。ここで//Let me know if that's not the case

はあなたが2つの物事の上にやりたいと仮定すると何ができるかです：電流を表示するには：

state = { 
    cards: [], 
    showAllClickedCards: true 
} 
//"cards" holds the cards clicked by the user 
//The most recent clicked card will be at the last in the the array. 
//You can toggle "showAllClickedCards" to either show all cards or selected one 

今ここであなたがonCardClick

に

//Assuming the function is being passed the selectedCard 
onCardClick = (selectedCard) => { 
    //Do something with selected card 
    this.setState(prevState => ({ 
     cards: [...prevState.cards, selectedCard] 
    })) 
} 

ノートを行うことができますですあなたが行うことができるクリックされたカードthis.state.cards[this.state.cards.length - 1]。
希望します。