---
title: "Alipay React Component"
description: "Add Alipay to your Components integration."
url: "https://docs.adyen.com/payment-methods/alipay/react-native-component"
source_url: "https://docs.adyen.com/payment-methods/alipay/react-native-component.md"
canonical: "https://docs.adyen.com/payment-methods/alipay/react-native-component"
last_modified: "2026-05-23T12:56:20+02:00"
language: "en"
---

# Alipay React Component

Add Alipay to your Components integration.

[View source](/payment-methods/alipay/react-native-component.md)

You can add Alipay to your existing integration. The following instructions show only what you must add to your integration specifically for Alipay.

If an instruction on this page corresponds with a step in the main integration guide, it includes a link to corresponding step of the main integration guide.

The additions you must make depends on the [server-side flow](/online-payments/build-your-integration) that your integration uses:

## Sessions flow Component

### Not Available

React Native Components do not support Sessions flow.

## Advanced flow Component

### Before-You-Begin

## Requirements

| Requirement           | Description                                                                                                                                                                                                                          |   |
| --------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | - |
| **Integration type**  | Make sure that you have an existing Advanced flow [React Native Components integration](/online-payments/build-your-integration/advanced-flow?platform=React%2BNative\&integration=Drop-in).                                         |   |
| **Redirect handling** | Make sure that your existing integration is set up to [handle the redirect](/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Components#handle-the-redirect). `action.type`: **redirect** |   |
| **Setup steps**       | Before you begin, [add Alipay in your Customer Area](/payment-methods/add-payment-methods).                                                                                                                                          |   |

### Add-Configuration

## Add additional configuration for Alipay

You do not need to add any configuration parameters for Alipay.

### Add-Parameters-Payments-Request

## Add additional parameters to your /payments request

You do not need to add any parameters to the [/payments](https://docs.adyen.com/api-explorer/Checkout/latest/post/payments) request when you [make a payment](/online-payments/build-your-integration/advanced-flow/?platform=React%2BNative\&integration=Components#make-a-payment).

## Test and go live

We recommend doing live penny tests:

1. Get an Alipay wallet app, set it up with a credit or debit card, and do live penny tests (payments for a minimal amount).

2. View the details of your Alipay test payments in your [live Customer Area](https://ca-live.adyen.com/) > **Transactions** > **Payments**.

Before you can accept live Alipay payments, you need to submit a request for Alipay in your [live Customer Area](https://ca-live.adyen.com/).