Pagination control not re-rendering when "currentPage" is updated in state

[voltmer1]

Category

• Enhancement
• Bug
• Question
• Documentation gap/issue

Version

Please specify what version of the library you are using: [ 1.20.0 ]

Please specify what version(s) of SharePoint you are targeting: [ 16.0.0.20405 ]

Expected / Desired Behavior / Question

Updating the state value for "currentPage" should cause the Pagination component to re-render.

<Pagination
currentPage={this.state.currentPage}
totalPages={this.state.totalPages}
onChange={(page) => this._getPage(page, numItems)}
/>

Observed Behavior

When updating the search query via the web part property pane and triggering componentDidUpdate() to call setState({ currentPage: this.state.currentPage } does not re-render the Pagination component with the new value for currentPage.

Steps to Reproduce

I can force the state value for currentPage to 1 within componentDidUpdate() and the Pagination component will not re-render

[koltyakov]

What's pagination control? :) We have no React controls in PnPjs.

[voltmer1]

I am terribly sorry, I meant to post this to pnp/sp-dev-fx-controls-react.

[koltyakov]

No problem. I actually could transfer the issue.

[voltmer1]

Thanks! that would be great!

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[jburagev]

Category

• Enhancement
• Bug
• Question
• Documentation gap/issue

Version

Please specify what version of the library you are using: [ 1.20.0 ]

Please specify what version(s) of SharePoint you are targeting: [ 16.0.0.20405 ]

Expected / Desired Behavior / Question

Updating the state value for "currentPage" should cause the Pagination component to re-render.

<Pagination
currentPage={this.state.currentPage}
totalPages={this.state.totalPages}
onChange={(page) => this._getPage(page, numItems)}
/>

Observed Behavior

When updating the search query via the web part property pane and triggering componentDidUpdate() to call setState({ currentPage: this.state.currentPage } does not re-render the Pagination component with the new value for currentPage.

Steps to Reproduce

I can force the state value for currentPage to 1 within componentDidUpdate() and the Pagination component will not re-render

Hi, did you solve this somehow? Thanks.