React-Pouchdb-changes的更广泛的示例实现代码

Question

我对 pouchdb 和 react 都是全新的。我找到了 react-pouchdb-changes模块，它看起来与我想要使用的完全一样。

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

有人可以提供更完整的示例用法，并对每个部分的作用进行一些基本解释吗？

Answer 1

这个模块似乎只是changes方法的包装器。你可以在这里得到一个活生生的例子。该链接直接来自文档。

如果信息还不够，您可以查看包含示例和示例响应的 API 参考。

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>即可。