Hello World 👋
Hello World 👋
/
1️⃣
TIL v1 (2021-2022)
/
React
React
/
카운터 레퍼런스
Search

카운터 레퍼런스

React | 타이머 만들기 ( Hooks, setInterval )
Hooks를 사용합니다. props로 mm은 분(minutes)을, ss는 초(seconds)를 받아옴 import React, { useState, useEffect } from "react"; const Timer = ({ mm, ss }) => { const [minutes, setMinutes] = useState(parseInt(mm)); const [seconds, setSeconds] = useState(parseInt(ss)); return ( {minutes}:{seconds ); }; export default Timer; 초가 0이면서 분도 0이 되면 카운트다운 종료이므로 clearInterval해줍니다.
React | 타이머 만들기 ( Hooks, setInterval )
https://gaemi606.tistory.com/entry/React-%ED%83%80%EC%9D%B4%EB%A8%B8-%EB%A7%8C%EB%93%A4%EA%B8%B0-Hooks-setInterval
React | 타이머 만들기 ( Hooks, setInterval )
useState랑 useEffect만 사용했기 때문에 계속해서 전부를 렌더링이 된다.
→ 성능저하의 원인
useMemo를 이용하여 변하는 부분만 렌더링 되게 리팩터링이 필요해보인다.
 
 
Copyright 2024 Im Hun