在setState（）内部使用Math.pow（）方法

Question

在我的reactjs代码示例中，方法Math.pow（）必须在每次单击按钮时更改div元素的值，但是该方法不起作用，请解释一下原因。

handlerButton=(e)=> {           
   this.setState(function(prevState) {
   return({number: Math.pow(prevState.number, 2)});     
    }); 
}   

Answer 1

<MyButton handlerButton={this.handlerButton}/>

您要传入名为handlerButton的道具，但是您永远不要在MyButton中使用props.handlerButton。相反，您使用的是props.onClick

render() { 
    return <button id="btn" className="mybutton" onClick={this.props.onClick}>pow</button>;  
}

您需要在两个地方使用相同的道具名称。