chap07 HookContextChild.js

0% Statements 0/3

100% Branches 0/0

0% Functions 0/2

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  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useContext } from 'react';
import { MyAppContext } from './HookContext';
 
export function HookContextChild() {
  return (
    <div id="c_child">
      <HookContextChildGrand />
    </div>
  );
}
 
export function HookContextChildGrand() {
  const { title, lang } = useContext(MyAppContext);
  return (
    <div id="c_child_grand">
      {title}({lang})
    </div>
  );
}