Реакция: Как отключить кнопку Next

Question

Я работаю над нумерацией страниц.У нас в приложении две кнопки Next и Prev.Я показываю 5 записей на каждой странице, я хочу отключить кнопку «Далее», если в настоящее время у нас нет данных в массиве (данные массива поступают из API) для отображения.Я новичок в ReactJS, кто-нибудь, пожалуйста, помогите мне, как я могу отключить следующую кнопку.

Код

<code>        class Example extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      Item: 5,
      skip: 0
    }

    this.handleClick = this.handleClick.bind(this);
  }

  urlParams() {
    return `http://localhost:3001/meetups?filter[limit]=${(this.state.Item)}&&filter[skip]=${this.state.skip}`
  }

  handleClick() {
    this.setState({skip: this.state.skip + 1})
  }

  render() {
    return (
      <div>
        <a href={this.urlParams()}>Example link</a>
        <pre>{this.urlParams()}

Изменить ссылку )}} ReactDOM.render(, document.querySelector ('div # my-example'))

Answer 1

Я думаю, что на самом деле вам нужно сослаться на длину всех данных.Иначе как узнать, достиг ли ты предела?

<Button positive onClick={this.btnClick} 
  disabled={this.state.skip >= this.state.allData.length} >Next</Button>