Почему не работает инкремент?

Question

[Dolerum]

Здравствуйте. Не работает инкремент. Не увеличивается дальше двух. То есть видимо счетчик сбрасывается до одного после процедуры сложения.

class ComponentContainer extends React.Component {
    constructor() {
        super();
        this.state = {
          currentPage: 1,
          loading: false
        };
    }
      	nextPage = ( updatedPageNo = '', type ) => {
        let {text} = this.props;
        const updatePageNo = 'prev' === type ? this.state.currentPage - 1 : this.state.currentPage + 1;
        this.setState( { loading: true }, () => {
        this.props.requestSearch(updatePageNo, text)
        })
	};

    render() {
  const { movies} = this.props;
  const showPrevLink = 1 < this.state.currentPage;
  const showNextLink = this.props.totalPages > this.state.currentPage;
  return (
    <MainPageContainer>
{this.props.content}
  {this.props.totalPages > 1 ? <div>
    <Pagination showPrevLink={showPrevLink}
                showNextLink={showNextLink}
				        handlePrevClick={ () => this.nextPage('prev')}
                handleNextClick={ () => this.nextPage('next')}
                />
    </div> : ''}
  </MainPageContainer>
  )
}
}

Знаю, что возразят, что нужно делать setState, но тогда updatePageNo становится undefined. А мне нужно что-то похожее по структуре(чтобы результат сохранялся в объекте). Как сделать?

Comments

[Владимир]

Если у вас setState не дает нужный результат, значит у вас жопа с логикой. Тут нет никакой магии, просто нельзя менять объект стейта напрямую, никогда, точка.

Я так понимаю, вы хотите с updatePageNo вызвать метод requestSearch, который передали сверху. Почему бы сначала не вычислить updatePageNo а потом передать его в setState?
Кроме того, у вас currentPage используется только для того, управлять ссылками на пейджере, и при этом вы передаете наверх updatePageNo, который фактически равен currentPage, почему бы не получить его сверху, зачем вам вообще стейт в этом компоненте ?

Answer 1

[hzzzzl]

const updatePageNo = 'prev' === type ? this.state.currentPage - 1 : this.state.currentPage + 1;

так ты никогда не меняешь currentPage, и он ВСЕГДА = 1?
поэтому в первый раз updatePageNo = 1 + 1, и во второй раз updatePageNo = 1 + 1

const updatePageNo = 'prev' === type ? this.state.currentPage - 1 : this.state.currentPage + 1;
this.setState( { loading: true }, () => {
  this.props.requestSearchMovies(updatePageNo, text)
  // когда requestSearchMovies вернет OK, то this.setState( { currentPage: updatePageNo} ),
})

Comments

[Владимир]

Похоже документация для вас пустой звук
https://ru.reactjs.org/docs/state-and-lifecycle.ht...