chap07 HookContext.js

0% Statements 0/3

100% Branches 0/0

0% Functions 0/1

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { createContext } from 'react';
import { HookContextChild } from './HookContextChild';
 
// 컨텍스트 초기화
export const MyAppContext = createContext();
// 컨텍스트에 전달할 오브젝트 준비하기
const config = {
  title: 'React 입문',
  lang: 'ko-KR',
};
 
export default function HookContext() {
  // 하위 요소에 대한 컨텍스트 적용
  return (
    <MyAppContext.Provider value={config}>
      <div id="c_main">
        <HookContextChild />
      </div>
    </MyAppContext.Provider>
  );
}