无法在分页中更新页面限制-React JS？

Question

我正在使用以下链接中的分页组件，因为我无法根据用户选择来更新pageLimit值，显示多少行。

https://scotch.io/tutorials/build-custom-pagination-with-react

https://codesandbox.io/s/competent-river-xneqb

最初页面限制为10。一旦用户单击按钮，页面限制将更改为15。但是即使更新了组件，分页页面限制也不会更改。

import collections

def flatten(l):
    for el in l:
        if isinstance(el, collections.Iterable) and not isinstance(el, (str, bytes)):
            yield from flatten(el)
        else:
            yield el

flatten_L = list(flatten(L))

if 'B' in flatten_L:
    print(True)
else:
    print(False)

请帮助我解决问题，以便在单击按钮时将页面限制更改为15。

Answer 1

本指南有很多问题，最好是找到另一个现成的解决方案并从头开始实施。如果要继续使用，则应从这里开始：

基于Tom Finney的评论，您需要使用componentDidUpdate，然后从那里开始手动更新渲染函数中的内容：

Task(1,Solve RC tasks,5)
Task(2,Tax return,5)
Task(3,Clear drains,1)
Task(4,Feed cat,2)
Task(5,Make tea,9)

完全不值得付出努力。