리액트 네이티브용 토스페이먼츠 결제 연동 라이브러리
npm install react-native-toss-payments
src="https://img.shields.io/badge/Gmail-D14836?style=for-the-badge&logo=gmail&logoColor=white&link=mailto:hongveloper@gmail.com"
/>
이슈 및 피드백은 항상 환영합니다!
``sh`
npm install react-native-toss-payments
npm install react-native-webview
or
`sh`
yarn add react-native-toss-payments
yarn add react-native-webview
`tsx
import TossPayment from "react-native-toss-payments";
// ...
payment={YOUR_TOSS_PAYMENT_DATA} // 토스결제시 필요한 토스 결제 정보입니다.
onApproveError={onApproveError} // 토스 결제 승인 네트워크 오류시 handle하는 함수입니다.
onApproveFailed={onApproveFailed} // 토스 결제 승인시 승인 실패 handle하는 함수입니다.
onApproveSucceed={onApproveSucceed} // 토스 결제 승인시 승인 성공 handle하는 함수입니다.
/>
`
자세한 참조사항은 토스페이먼츠에서 확인하실 수 있습니다.
| Prop | Description | Required | Default | Type |
|------------------------|------------------|----------|---------|-----------------------------------------|
| clientKey | 토스로 부터 발급받은 ClientKey입니다. | true | None | string |
| payment | 토스 결제에 필요한 결제정보데이터 입니다. | true | None | TossPaymentRequestDataTypes |
| onLoading | 토스 결제 모듈 로딩시 작동하는 함수입니다. | false | None | () => void |
| onApproveError | 토스 결제 승인 네트워크 오류시 handle하는 함수입니다. | true | None | () => void |
| onApproveFailed | 토스 결제 승인시 승인 실패 handle하는 함수입니다. | true | None | (e:TossPaymentFailMessageTypes) => void |
| onApproveSucceed | 토스 결제 승인시 승인 성공 handle하는 함수입니다. | true | None | (e:TossPaymentApproveTypes) => void |
자세한 로직은 토스페이먼츠 결제가이드에서 확인해주세요!
---
Made with create-react-native-library
감사합니다 :)