SDK JS - React
Our React SDK is compatible with the most updated standard for web development, as well as providing functions and components that allow for simplified integration with Mercado Pago.
To use the React SDK, install it via npm using the code below.
npm install @mercadopago/sdk-react
Next, add the public key of the account being integrated so that it can be identified when connecting to Mercado Pago.
Important
See
Credentials
for more details on the public key.
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');
After completing the SDK installation, you can use the following modules to create the Checkout.
Payment Brick
Offer different payment methods from which your customers can choose, with the ability to save card details for future purchases.
Wallet Brick
Link Mercado Pago Wallet and allow logged payments.
Card Payment Brick
Offer credit and debit card payments.
Status Screen Brick
Inform your customers of the results of the purchase process, after making the payment.
Important
If it is necessary to add or modify any logic in the flow of Core methods in React, please check the documentation
Core Methods
in our SDK library.