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
Ofereça diferentes métodos de pagamento para os clientes escolherem, com a capacidade de salvar detalhes do cartão para compras futuras.
Wallet Brick
Vincule a conta Mercado Pago e permita pagamentos registrados.
Card Payment Brick
Ofereça pagamentos com cartão de crédito e débito.
Status Screen Brick
Informe os clientes dos resultados do processo de compra após efetuar o pagamento.
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.