chap03 EventOnce.js

0% Statements 0/7

0% Branches 0/2

0% Functions 0/2

0% Lines 0/7

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
22
23  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  import { useState } from 'react';
 
export default function EventOnce() {
  // 클릭 여부를 관리하기 위한 플래그
  const [clicked, setClicked] = useState(false);
  // 오늘의 운세(점수)
  const [result, setResult] = useState('－');
  const handleClick = e => {
    // 클릭하지 않은 경우에만 운세를 계산한다.
    if (!clicked) {
      setResult(Math.floor(Math.random() * 100 + 1));
      // 플래그 반전
      setClicked(true);
    }
  };
  
  return (
    <>
      <button onClick={handleClick}>결과 보기</button>
      <p>오늘의 운세는 {result}점입니다.</p>
    </>
  );
}