反应- 滴入 
Dwolla 的反应绑定 滴入组件。这个库提供了用于导入 dwolla-web.js 库和一组用于使用滴入组件的 React 组件.
目录
安装
# using npm
$ npm i @dwolla/react-drop-ins
# using yarn
$ yarn add @dwolla/react-drop-ins
# using pnpm
$ pnpm add @dwolla/react-drop-ins
实例
一个实例 React 组件, 演示如何使用库和 DwollaCustomerCreate 组件可见于 实例 目录.
故事书
查看所有组件的活演示 。 切换到 Docs 选项卡并单击 Show code 查看每个组件的执行代码.
使用量
要使用此软件包, 您首先需要设置您的应用程序才能给 Dwolla API 打电话 。 你可以用我们的一个 SDKs 软件 用你喜欢的语言快速起起跑.
然后您需要设置一个服务器端点来生成客户端符 。 你可以通过遵循步骤来做到这一点 生成客户端 向导.
你现在可以开始使用包裹了!
为此项创建配置对象 useDwollaWeb 钩子,如下代码示例所示。 此钩将导入 dwolla-web.js 库并处理导入时可能出现的任何错误.
勾钩配置选项的完整列表可见于 图表 见下文.
// Import the useDwollaWeb hook and the DwollaCustomerCreate component
import { DwollaCustomerCreate, useDwollaWeb } from '@dwolla/react-drop-ins';
import type { DwollaWebOptions } from '@dwolla/react-drop-ins';
// Create configuration for the useDwollaWeb hook
const config: DwollaWebOptions = {
environment: 'sandbox',
onError: function error() {
console.log('Error');
},
onSuccess: function success() {
console.log('Success');
},
tokenUrl: '/yourTokenUrl'
};
const App = () => {
// Initialize the useDwollaWeb hook
const { ready, error } = useDwollaWeb(config);
// Wait for the hook to be ready
if (!ready) return <div>Loading...</div>;
// Handle errors
if (error) return <div>Error</div>;
// Render the DwollaCustomerCreate component when ready
return (
<>
<DwollaCustomerCreate />
</>
);
};
export default App;
配置选项 useDwollaWeb
| 参数 | 类型 | 需要吗? | 说明 |
|---|---|---|---|
| 环境 | 字符串 | 对 | 可接受值为: sandbox 或者说 production |
| 样式 | 字符串 | 没有 | 可选的 连接到包含组件样式的主机样式表的相对或绝对 URL . |
| 符号 | 函数 | 有条件 | 函数被组件调用来获取整个流程中所需的客户端. 示例用法: token: (req) => Promise.resolve(dwollaAPIToken(req, {blah: "abcd"})) 如果 tokenUrl 已使用. |
| 符号Url | 函数 | 有条件 | URL指向服务器侧端点,可用于生成客户端-token. 示例用法: tokenUrl: "tokenUrl"。 。 。 . 如果 token 已使用. |
| 成功 | 函数 | 没有 | 应构成部分成功请求调用的职能. |
| 错误 | 函数 | 没有 | 当组件发生错误时调用函数 . |
说明: 你也可以用这个 token 或者说 tokenUrl 在生成客户端符号的配置选项中,但不同时使用。 看看这个 符号Url 相对于符号配置 关于两者之间差异的更多信息.
更改日志
- 1.2.0 (中文(简体) ) 更新了 Dwolla Web 到 v3.0.0. 断开 :
<DwollaCustomerCreate>与type="receive-only"现在需要privacy财务报告和审定财务报表terms道具(服务条件和隐私政策). - 1.1.0 国家 将Dwolla Web更新为v2.2.0并添加了新的组件执行. 更多信息请参见 GitHub Releases.
- 1.0.1 (中文(简体) ) 初始发布 React 绑定 Dwolla 滴入组件.
社区
- 有反馈请联系我们 我们的论坛 或通过 创建 GitHub 问题。 。 。 .
- 如果你愿意为图书馆捐钱, 错误报告 财务报告和审定财务报表 拖动请求 永远感激!
额外资源
为了了解更多德沃拉,以及如何将我们的产品融入你的应用,请考虑访问以下的一些资源并成为我们社区的一员!