javascript - 从子组件执行父函数不会给出正确的结果 : React+Typescript

Question

我试图通过从子组件调用父函数来执行它，但它不会产生正确的结果。有一个分页组件可以计算分页的偏移量，并通过调用Parents方法将数据发送给子组件。

父级内部的控制台日志语句给出了错误的结果，而子级的 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)
    );