💸
react-monetize
安装
目前支持 React、Create React App 和 Next.js,尚未在 Gatsby 或 Preact 中进行测试。
yarn add react-monetize
用法
用 标签包裹你的应用MonetizeProvider,并添加你的支付指针。
您可以点击此处了解如何获取:https://webmonetization.org/docs/receiving
import { MonetizeProvider } from '
react -monetize ' function App ( ) {
return (
< MonetizeProvider paymentPointer = " myPaymentPointer " >
< YourApp / >
</MonetizeProvider>
)
}
导出 默认 应用程序;
现在,您可以在应用程序的任何位置使用两个钩子:
使用状态
State 是 Web Monetization API 根据此列表提供的当前状态。
import { useStatus } from ' react-monetize '
function Component () {
const { state , events } = useStatus ();
返回(
<>
<p>状态: { state }…