Выполнение родительской функции из дочернего компонента не дает правильных результатов: React + Typescript

Question

Я пытаюсь выполнить родительскую функцию, вызывая ее из дочернего компонента, и она не дает правильных результатов.Существует компонент Pagination, который вычисляет смещения для нумерации страниц и отправляет данные дочернему элементу, вызывая метод parent.

Консольный оператор журнала внутри Parent дает неверный результат, где внутри setOffSet () дочернего объекта выдает правильный результат и когдаотправляется методу родительского компонента в следующей строке, он дает неверный результат.

Код Песочница: https://codesandbox.io/s/react-typescript-v91un

Answer 1

setState нуждается в функции обратного вызова, но вы немедленно вызываете функцию handlePagination, поэтому вы передаете возвращаемое значение handlePagination. Попробуйте вместо этого ...

this.setState(
      { fromIndex },
      () => this.props.handlePagination(this.state.fromIndex, NO_OF_RECORDS_PER_PAGE)
    );