본문 바로가기
React/React native

[RN] Context API, AsyncStorage

by Minius 2020. 5. 17.
반응형

Context란

React에서 데이터를 관리할 때, 데이터의 흐름은 부모에서 자식으로 전달이 된다.

그렇게 되면 전혀 다른 흐름에서 같은 데이터를 쓰기 위해서는

공통되는 부모 컴포넌트까지 데이터를 전달하고,

다시 그 부모 컴포넌트로부터 데이터를 내려받아야 한다.

 

그런 비효율을 없애기 위해 Context를 사용한다.

 

데이터를 가지고 있는 A컴포넌트와 데이터를 받을 B컴포넌트 사이에 가상의 컴포넌트를 만들어 주는 것이다.

 

Context컴포넌트가 부모 컴포넌트로 바로 데이터를 전달한다.

 

그래서 Context에는 ProviderConsumer가 있다.

 


내가 공부하고 있는 React native에서는 AsyncStorage를 사용하여 앱 내에 데이터를 저장한다.

 

댓글