react-pouchdb-changes的更广泛的示例实现代码

Question

我对pouchdb和反应都很陌生。我找到了react-pouchdb-changes模块，它看起来就像我想要使用的那样。

但是，它提供的示例代码太过稀疏 - 我真的不知道如何将它合并到基本的反应应用程序中。

有人可以提供更完整的示例用法，并对每件作品的基本解释做些什么？

Answer 1

这个模块似乎只是changes方法的包装器。您可以获得实时示例here。该链接来自documentation。

如果信息不足，您可以查看API reference的示例和示例回复。

Answer 2

由您决定如何将react-pouchdb-changes与React集成。它所做的就是为您提供一个组件来放置onChange处理程序。代码示例的这些部分是相关的部分：

<PouchDBChanges
  …
  onChange={change => console.log(change) /* do something useful with the change here instead of just logging it! */}
>
 {/* your <App> component here */}
</PouchDBChanges>

只需在JSX代码中使用该组件（用它包装主组件或任何容器组件）。

如果您在设置React示例时遇到困难，请尝试使用create-react-app。您将在几秒钟内运行React应用程序。添加<PouchDBChanges>组件的好地方是src/App.js - 只需将最外面的<div>包裹在组件中。