从 child 组件执行 parent 函数没有给出正确的结果:React+Typescript

Executing parent function from child component does not give proper results : React+Typescript

我试图通过从 child 组件调用它来执行 parent 函数,但它没有产生正确的结果。有一个分页组件计算分页的偏移量并通过调用 parents 方法将数据发送到 child。

Parent 中的控制台日志语句给出了错误的结果,而在 child 的 setOffSet() 中给出了正确的结果,当发送到下一行中的 parent 组件的方法时,它给出了错误的结果。

代码沙箱:https://codesandbox.io/s/react-typescript-v91un

setState 需要回调函数,但您会立即调用 handlePagination 函数,因此您将传入 handlePagination 的 return 值。试试这个...

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