React에서 로컬 json 파일 읽어오는 법

별로 어려운 것은 아니지만, 찾아보니 잘 적힌 설명이 없어서 간략하게 적어보려한다.

 

먼저 json 파일을 만든다.

 

 

a.json 

 

{

 “hello”: [

    {

      "id": 0,

      "content": “없어”

    },

    {

      "id": 1,

      "content": “있어”

    },

]

}

 

그리고 json 파일을 읽어올 js 파일에 이 json 파일을 import한다

 

import AA from “a.json 파일의 경로”

 

그 후, json 파일을 사용하듯 사용하면 된다.

 

예를 들면 “없어”를 출력해주고 싶다면

 

console.log(AA.hello[0].content)

 

이런식으로 말이다.