this.props.firstCard返回undefined

Question

我是新來的react.js，我試圖math.random一個數字並把它放在this.props.firstCard屬性中，但它返回undefined。我嘗試了一些變量，但只有結果是未定義的或語法錯誤。代碼：

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); 
} 
} 

有什麼不對的呢？提前致謝。

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); 
}