• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

143
Views
¿Cómo mostrar datos del archivo json que está vinculado a la dirección de billetera de los usuarios registrados en next.js?

Estoy tratando de hacer una página de reclamo en next.js que permitiría iniciar sesión en la dirección de metamask para:

  1. lea los datos provistos en el archivo .json localmente para ver si la cuenta es elegible para reclamar el artículo y presentar una página de reclamo
  2. al enviar el formulario para escribir a .json que el artículo ha sido reclamado.

Usé este tutorial sobre cómo conectarme a una cuenta de metamask: https://medium.com/@prodmxle/adding-metamask-authentication-in-next-js-application-using-the-thirdweb-9d23e9147496

excepto que el estilo de mi proyecto actualmente se ve igual que el código en el tutorial.

.json:

 { "wallets": [ { "wallet": "YOUR_ROPSTEN WALLET1", "tokenAmount": 44, "hasPizza": true, "hasCoffee": false, "hasBurger": false, "hasClaimed": false }, { "wallet": "YOUR_ROPSTEN WALLET2", "tokenAmount": 2, "hasPizza": false, "hasCoffee": false, "hasBurger": false, "hasClaimed": true }, { "wallet": "YOUR_ROPSTEN WALLET3", "tokenAmount": 4, "hasPizza": false, "hasCoffee": false, "hasBurger": false, "hasClaimed": true } ]

}

about 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

Aprenda la función api en nextJS, es bastante sencillo, será demasiado para explicar aquí. Como tiene los datos del usuario, puede enviar una solicitud de API con la ID del usuario y, en el extremo de la API, puede filtrar y devolver solo los datos de ese usuario.

O

Dado que tiene una base de datos bastante pequeña y suponiendo que ya está alojada o importada y tiene los datos dentro del componente que desea mostrar

 const userId="YOUR_ROPSTEN WALLET1" const user= data.filter(user=> user.wallet===userId);

Ahora el usuario se verá así

 [ { "wallet": "YOUR_ROPSTEN WALLET1", "tokenAmount": 44, "hasPizza": true, "hasCoffee": false, "hasBurger": false, "hasClaimed": false } ]
about 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error