SDK JS - React - Client-side - Mercado Pago Developers
¿Qué estás buscando?

¿No sabes cómo empezar la integración? 

Accede a los primeros pasos

SDK JS - React

Nuestro SDK de React es compatible con el estándar más actualizado de desarrollo web, además de ofrecer funciones y componentes que permiten una integración más simplificada con Mercado Pago.

Para utilizar el SDK de React, realiza la instalación a través de npm utilizando el siguiente código.

          
npm install @mercadopago/sdk-react


        

Después, agregue la public key de la cuenta que se está integrando para que sea posible identificarla al conectarse con Mercado Pago.

Importante
Visita nuestra documentación de Credenciales para obtener más detalles sobre la public key.
          
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');


        

Al finalizar la instalación del SDK, puedes utilizar los siguientes módulos para la creación del Checkout.

Payment Brick
Ofrece diferentes medios de pago entre los que podrán elegir tus clientes, con la posibilidad de guardar los datos de la tarjeta para futuras compras.
Wallet Brick
Vincula la cuenta de Mercado Pago y permite pagos logueados.
Card Payment Brick
Ofrece pagos con tarjeta de crédito y débito.
Status Screen Brick
Informa a tus clientes los resultados del proceso de compra, luego de realizado el pago.
Importante
Si es necesario agregar o modificar alguna lógica en el flujo de los métodos Core en React, consulta la documentación Métodos Core en nuestra biblioteca de SDKs.