# All files / src/chap03 StateParent.js

0% Statements 0/5
100% Branches 0/0
0% Functions 0/3
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

     import { useState } from 'react';
    import StateCounter from './StateCounter';

    export default function StateParent() {
      // 카운트 합계를 나타내는 count를 초기화한다.
      const [count, setCount] = useState(0);
      // State 값(count)을 갱신하기 위한 update 함수를 준비한다.
      const update = step => setCount(c => c + step);
      return (
      <>
        {/* StateCounter 컴포넌트에 update 함수를 전달 */}
        <p>총 개수: {count}</p>
        <StateCounter step={1} onUpdate={update} />
        <StateCounter step={5} onUpdate={update} />
        <StateCounter step={-1} onUpdate={update} />
      </>
      );
    }