按钮禁用功能不适用于 React [关闭]

Question

在此处输入图片描述](https://i.stack.imgur.com/gg0pi.jpg) 禁用的按钮不适用于反应..逻辑问题可能是基于类的组件

``

`USED BUTTON ONCLICK FUNCTION`
  handleNextClick = async () => {
    console.log("Next");
    if (this.state.page + 1 > Math.ceil(this.state.totalResults / 20)) {  `the logic i used is that total results available / total results on 1 page`

    } 
    else {
      let url = `https://newsapi.org/v2/top-headlines?country=in&apiKey=180490e651cd459b9168410f2dd83ac3&page=${
        this.state.page + 1
      }&pageSize=20`;
      let data = await fetch(url);
      let parseData = await data.json();
      console.log(parseData);
      this.setState({
        page: this.state.page + 1,
        articles: parseData.articles
      });
    }
  };

`Button is there`

          <button
            disabled={
              this.state.page + 1 > Math.ceil(this.state.totalResults / 20)  `This is not Working`
            }
            type="button"
            className="btn btn-primary"
            onClick={this.handleNextClick}
          >
            Next &rarr;
          </button>
        </div>
      </div>
    );
  }
}

Answer 1

检查这个

   disabled={
      this.state.page  > Math.ceil(this.state.totalResults / 20)  
    }