전체 글

useContext는 컴포넌트가 컨텍스트를 읽고 구독할 수 있도록 하는 리액트 훅이에요. const value = useContext(SomeContext); Reference useContext(SomeContext) 컨텍스트를 읽거나 구독하기 위해서는 최상위 컴포넌트에서 useContext를 호출하세요. import { useContext } from 'react'; function MyComponent(){ const theme = useContext(ThemeContext); // ... } Parameters | 파라미터(매개면수) SomeContext : createContext로 미리 생성한 컨텍스트. 컨텍스트 자체만으로는 정보를 가질 수 없으며 컴포넌트를 통해 제공하거나 읽을 수 있는 종류..

useCallback은 리렌더 과정 사이에서 함수 정의를 캐싱하는 리액트 훅이에요. const cachedFn = useCallback(fn, dependencies) Reference | 레퍼런스 useCallback(fn, dependencies) 리렌더 과정 중에 함수의 정의를 캐싱하려면 최상위 컴포넌트에서 useCallback을 호출하세요. import { useCallback } from 'react'; export default function ProductPage({ productId, referrer, theme }){ const handleSubmit = useCallback((orderDetails) => { post('/product/' + productId + '/buy', { re..

카나리아 테스트 use 훅은 현재 React의 Canary과 실험실 채널에서만 사용할 수 있어요. 리액트의 릴리즈된 채널에 대해서 알아보려면 여기를 눌러주세요. use는 Promise나 context 같은 리소스 값을 읽게 도와주는 리액트 훅이에요. const value = use(resource); Reference | 레퍼런스 use(resource) Promise나 context 같이 리소스 값을 읽어오려면 컴포넌트에서 use를 호출하세요. import { use } from 'react'; function MessageComponent({ messagePromise }) { const message = use(messagePromise); const theme = use(ThemeContext);..