使用pouchdb / couchdb进行反应数据网格

Question

我想将 pouchdb 和 react-data-grid一起使用，但我很难理解正确的方法。

pouchdb。 allDocs 检索列定义和第一批行，然后pouchdb。更改以接受来自其他协作用户的更新。这两个函数都是异步返回一个promise。

我可以找到的所有react-data-grid示例都使用内联静态json列定义和内联静态行。

渲染空网格是否可行，然后在列到达时填充列定义和行。行看起来可能，一次一行，但我看不到动态引入列定义的方法，也不能批量添加allDocs回调中的行。

建议非常欢迎。

Answer 1

当我读到更多内容时，答案已经很明显了。

根据指示pouchdb是否返回allDocs的状态使用条件呈现。在allDocs之前 - 呈现旋转顶部或“加载”指示。在allDocs之后 - 将行和列设置为状态，并渲染ReactDataGrid。