在列表组件中，如何实现组件以更改显示的结果数

Question

我正在考虑制作一个带有Select的简单组件以及应该显示的结果列表。

阅读完代码后，这似乎不可能，因为如果我更改了网址，则componentWillReceiveProps会触发更新，此方法不会检查perPage的更改

更改List组件的prop perPage不起作用，因为List仅在查询尚未包含perPage时才使用此prop

以下是我想要做的一个例子：

import { List } from "admin-on-rest";
class SourceList extends Component {
constructor(props) {
    super(props);
    this.state = {
        perPage: 10
    };
}

render() {
    return (
        <div>
            <Button
                onClick={() => {
                    this.setState({ perPage: 50 });
                }}
            />

            <List {...props} perPage={this.state.perPage}>
                ... Here would be the content of the list
            </List>
        </div>
    );
}
}