javascript - 将变量传递给 setState

Question

我是新来的 react 。在我的程序中，要求用户单击一个按钮，并根据该按钮更改状态。

这是渲染的部分:

<button onClick={this.togglePage(2)}>Click Here</button>

这是之前的部分:

  constructor(props) {
    super(props);
    this.togglePage = this.togglePage.bind(this);

    this.state = {
      currentpage: 1,
    };
  }
  togglePage(page) {
    this.setState({
      currentpage: page,
    });
  }

我在这里传递值的方式正确吗？我收到一条错误消息“超出最大更新深度”

Answer 1

您需要传递一个函数，而不是立即调用它

 <button onClick={() => this.togglePage(2)}>Click Here</button>

按照目前的编写，您在渲染中调用 togglePage ，这会导致状态更新和重新渲染，从而破坏调用堆栈。