this.props.firstCard returns undefined

Question

私はreact.jsを初めて使用しています。数字をmath.randomに入力してthis.props.firstCardプロパティに設定しようとしていますが、未定義を返します。いくつかの変数を試しましたが、結果は未定義または構文エラーです。コード：

handleClick() { 
let firstCard = this.state.isFirstCardChosen; 
function chooseCard() { 
    return Math.floor(Math.random() * (80 - 1) + 1); 
} 
if (firstCard == false) { 
    this.props.firstCard = chooseCard; 
    console.log(this.props.firstCard); 
} 
} 

この1と間違って何ですか？前もって感謝します。

Answer 1

私は推測をハザードに行くとあればその

を示唆している：問題はちょうどあなたが小道具（props are immutable）を変異させるしようとしているという事実に起因するものではありません

。

と：あなたはあなたの​​方法が正常にバインドされていないことをES2015クラスの構文、その後

がかもしれ問題を使用している

コンポーネント状態にthis.propsへの呼び出しはundefinedを返します。この問題を解決するには

次のようにコンストラクタで​​をバインドすることができます。

constructor (props){ 
    super(props); 
    this.handleClick = this.handleClick.bind(this); 
} 

Answer 2

を誰もが小道具は不変であると述べていたよう。また、あなたが正しく小道具を設定し、すなわち、あなたのコンストラクタであなたのhandleClick機能を結合していることを確認してください。

constructor(props) { 
    super(props); 
    his.handleClick = this.handleClick.bind(this); 
}