728x90

목록memo (1)

DBILITY

react memo, useMemo, useCallback

react는 state(data)가 변경될때마다 그에 따라 Component를 다시 렌더링한다. 다시 그린다고 생각하자. 확인하고 싶으면 크롬 확장프로그램 React Developer Tools를 설치하고 다음과 같이 설정해 보면 확인 가능하다. 다음과 같이 테스트용 App을 작성했다. App에 button click event와 Child Component가 있다. import React, {JSX, useEffect, useState} from 'react'; import './App.css'; function App(): JSX.Element { const [date, setDate] = useState(new Date()); return ( setDate(new Date())}>Click ); }..
front-end & ui/react 2023. 6. 16. 11:33
Prev 1 Next
728x90