Início / coding / Perguntas / 79567340
Accepted
Skj0nes
Asked: 2025-04-11 02:21:23 +0800 CST

Como extrair e usar valores dentro de um objeto JSON contido em um arquivo JSON separado usando NextJS com Typescript

  • 772

Criei um arquivo JSON com vários objetos contendo valores nomeados atribuídos a strings como esta,

{
    "Obj1" : {
        "Val1": "Obj 1, Test Value 1",
        "Val2": "Obj 1, Test Value 2",
        "Val3": "Obj 1, Test Value 3"
    },
    "Obj2" : {
        "Val1": "Obj 2, Test Value 1",
        "Val2": "Obj 2, Test Value 2",
        "Val3": "Obj 2, Test Value 3"
    }
}

Eu precisava acessar cada valor em cada objeto individualmente no Next JS, tentei importar e analisar os dados,

import data from '~/data.json';
const obj1: any = JSON.parse(data["Obj1"]); // Side Note: What type should this const be?
console.log(obj1.Val1); // Desired Output: " Obj1, Test Value 1 "

Embora, quando tentei isso, encontrei este erro: "O argumento do tipo '{ Val1: string; }' não pode ser atribuído ao parâmetro do tipo 'string'.ts(2345)"

Não consigo encontrar uma maneira de contornar esse erro, não importa o que eu faça. Meu JSON ou TS está incorreto?

json

1 respostas

  1. Best Answer

    O problema está na JSON.parse(data["Obj1"]);expressão.

    Ao fazer isso, JSON.parse(data["Obj1"]);você está na verdade chamando JSON.parseeste objeto:

    {
    "Val1": "Obj 1, Test Value 1",
    "Val2": "Obj 1, Test Value 2",
    "Val3": "Obj 1, Test Value 3"
}

    No entanto, JSON.parserequer uma string como argumento (e a string será convertida em um objeto). Exemplo:

    const obj = JSON.parse('{"name":"John", "age":30, "city":"New York"}');

    Portanto, você pode resolver seu problema e obter o Val1valor apenas fazendo:

    import data from '~/data.json';

// In Next.js + TS, by default the `data` object should be already correctly typed as an object. 
// However, if this is not the case, you can type it manually with an interface 
// or with the object type Record<K, T> 
const obj1: Record<string, string> = data["Obj1"]; 

console.log(obj1["Val1"]); // Output: "Obj1, Test Value 1"
    • 1

relate perguntas