reactjs - griddle-react：如何从设置菜单中外部化行设置

Question

我想将行设置与 Griddle 中的单独设置菜单分开。

DataTables 库在其主页上有一个很好的示例。我本质上想重新创建 DataTables 布局，但使用 Griddle 库

https://www.datatables.net/

http://griddlegriddle.github.io/Griddle/quickstart.html

Answer 1

是否可以创建另一个组件来控制 Griddle 之外的每页结果？

例子：

render() {
  <div>
    <SomeSelectComponent onChange={this.setRowsPerPage} >
      ...
    </SomeSelectComponent>
    <Griddle ... rowsPerPage={this.state.rowsPerPage}/>
  </div>
}

setRowsPerPage(value) {
  this.setState({rowsPerPage: value})
}

这不太理想，我们一直在努力使它变得更好，以便实现者可以自定义所有组件/渲染结构，甚至将 Griddle 一无所知的组件扔进它的渲染中。我们一直在从网格状态中分解渲染逻辑，从而允许进行一些更好的自定义。