SDK JS - React - Client-side - Mercado Pago Developers

SDK JS - React

Nossa SDK de React é compatível com o padrão mais atualizado de desenvolvimento web, além de oferecer funções e componentes que permitem uma integração mais simplificada com Mercado Pago.

Para utilizar o SDK de React, realize a instalação via npm utilizando o código abaixo.

          
npm install @mercadopago/sdk-react


        

Em seguida, adicione a public-key da conta que está sendo integrada para que seja possível identificá-la ao conectar com o Mercado Pago.

Importante
Veja Credenciais para mais detalhes sobre a public key.
          
import { initMercadoPago } from '@mercadopago/sdk-react'
initMercadoPago('YOUR_PUBLIC_KEY');


        

Ao finalizar a instalação da SDK, é possível utilizar os seguintes módulos para criação do Checkout.

Payment Brick

DISPONÍVEL

Ofereça diferentes métodos de pagamento para os clientes escolherem, com a capacidade de salvar detalhes do cartão para compras futuras.
Saiba mais
Wallet Brick

DISPONÍVEL

Vincule a conta Mercado Pago e permita pagamentos registrados.
Saiba mais
Card Payment Brick

DISPONÍVEL

Ofereça pagamentos com cartão de crédito e débito.
Saiba mais
Status Screen Brick

DISPONÍVEL

Informe os clientes dos resultados do processo de compra após efetuar o pagamento.
Saiba mais
Importante
Caso seja necessário adicionar ou modificar alguma lógica no fluxo dos métodos Core em React, consulte a documentação Métodos Core em nossa biblioteca de SDKs.