[React] useState에 담을 데이터 너무 클 때 import/export

useState( )에 담을 데이터가 너무 길고 복잡할 때
다른 파일에 보관했다가 import 해올 수 있음
다른파일에 있던 자료 가져오려면 import / export 문법 써야함

 

 

 

 

1) data.js 파일 만들어서 데이터 담아두고 export (내보내기)

export default 변수명

 

 

 

 

 

2) app.js에서 import(가져오기)

import 작명 from '파일경로'

 

 

 

 

3) import 해온 데이터 state에 담기

 

 

 

 

* data.js에 저장한 변수가 두개일때

변수 이름들을 중괄호에 넣어서 export

import 할때도 중괄호

 

 

 

* 저장한 자료가 array 일때 → 인덱싱

 

* object 일때 →  점찍고 키값

 

* array 안에 object 일때

맨처음 시작 기호가 대괄호 이므로 array에서 데이터 뽑고

두번째 기호가 중괄호 이므로 object에서 데이터 뽑음

⭐⭐ 복잡한 자료에서 데이터 뽑을 땐  맨처음 시작기호만 잘 보면 됨

 

 

문자 중간에 변수 넣고싶으면

'문자' + 변수 + '문자'