如何在ReactJS中更改按钮文本

Question

当有人单击时如何更改按钮文本？

代码：

Prelude> uniq (repeat 0 ++ [1])
[0

Answer 1

Mayank是正确的。

创建一个名为“文本”（或任何您选择的变量）的变量，然后放置该变量而不是“下一步”。

state = {
  text: "Next"
}

changeText = (text) => {

  this.setState({ text }); 
} 
render() {
const { text } = this.state //destucture state
return (
  <Button 
     onClick={ () => { this.changeText("newtext")}  }> {text} </Button> )...etc

注意：单击此方法后，该文本将始终更改为“ newtext”。您也可以在其中传递变量以使其更具动态性。

希望这会有所帮助。

更新：刚刚看到Mayank的评论。该代码本质上就是我所拥有的。提示，您不再需要构造函数，也不必绑定方法。