바코더의 블로그

Context 를 이용한 데이터의 공유는 read-only 가 아니다. 즉 어디서든 Context 를 이용해서 Data를 불러올 수 있고, 동시에 어디서든 Context 의 값을 변경할 수 있다는 것이다. UpdateSharedContext.js import React, { createContext, useState } from "react"; export const StatusContext = createContext(); export function StatusProvider({ children }) { const value = useState("init status"); return ( {children} ); } Context를 이용해서 Provider를 만들어 주는데, Context 의 valu..

리액트 네이티브에서 사용되는 Data는 윗 Component 에서 Nested Component 로 Depth를 이뤄가면 전달되는 방식이기 때문에 쓸데없이 중간 Component 들이 Props를 받아야 하는 어러움이 있다. 이걸 해결해주는게 Hook 의 Context 이다. UseContext 사용하지 않는 코드 아래 샘플 코드는 Context를 사용하지 않고 기존의 방식대로 Component에게 정보를 전달한다. import React, { Fragment,useState,useEffect } from 'react'; import OldComponent from './SharedContext/OldComponet'; const App =()=>{ const [user, setUser] = useSta..