react - export / import

기본적으로 이 친구들은 파일을 쪼갤 때 사용한다.  모듈화 라고 하는것 같다.

 

사용법은 다양하다.

예를 들어 내가 State를 하나 만들어서 데이터 바인딩을 하고 싶은데 그 데이터가 너무 길어서

가독성이 떨어진다면 어찌 하겠는가아...

export default 해준 뒤

 

app.js 에서 import 해온 모습

 

items 안에 data가 담겼다 !

이렇게 상품에 대한 정보처럼 중요한 데이터는 꼭 State에 담아야 하는데,

이런경우 따로 .js 파일로 모듈화 시킨 후

export 와 import를 사용하여 내보내고 불러와주면 된다.

export default는 파일 당 한번만 가능함

 

 

또 파일 하나에 있는 여러 변수를 다 내보내고 싶다면 요로코롬 써주면 된다.

 export 해버려

 

import 해버려~

 

 

끝

 

 

---