我想将 pouchdb 和 react-data-grid一起使用,但我很难理解正确的方法。
pouchdb。 allDocs 检索列定义和第一批行,然后pouchdb。更改以接受来自其他协作用户的更新。这两个函数都是异步返回一个promise。
我可以找到的所有react-data-grid示例都使用内联静态json列定义和内联静态行。
渲染空网格是否可行,然后在列到达时填充列定义和行。行看起来可能,一次一行,但我看不到动态引入列定义的方法,也不能批量添加allDocs回调中的行。
建议非常欢迎。
答案 0 :(得分:0)
当我读到更多内容时,答案已经很明显了。
根据指示pouchdb是否返回allDocs的状态使用条件呈现。在allDocs之前 - 呈现旋转顶部或“加载”指示。在allDocs之后 - 将行和列设置为状态,并渲染ReactDataGrid。