オブジェクトをプッシュするために配列の状態を表示できません。 CreateCardsコンポーネントは、addCart関数で適切な情報を返します。Uncaught TypeError:未定義のプロパティを読み取ることができません
constructor(){
super();
this.state = {
cards: []
}
}
addCart(title, qte){
console.log(title);
console.log(qte);
console.log(this.state.cards);
//let array = this.state.cards;
//array.push({title: title, qte: qte});
}
render(){
console.log(this.state.string);
return (
<div>
<div>
<h2>Panier</h2>
</div>
{
data.map((bike, index)=>{
return (
<CreateCards key={index} title={bike.title} img={bike.img} price={bike.price} addCart={this.addCart}/>
)
})
}
</div>
)
}
コンポーネントに 'addCart'をバインドするのを忘れてしまいました。 'this.addCart = this.addCart.bind(this)'をコンストラクタに追加してください。 – QoP
'data.map'は、このコードのどこにでも変数' data'を宣言していないので意味がありません。それはグローバル変数ですか? – finalfreq
データは、私のファイルの先頭にインポートされます( 'data.js'からデータをインポートします) –