리액트2 1-12) [리액트 기초] useCallback useCallback은 컴포넌트가 리렌더링 될 때 내부에 작성된 함수를 다시 생성하지 않도록 메모리제이션하는 리액트훅이다. useCallback 사용법 const uc = useCallback(func, arrays); 첫 번째 인수로는 콜백 함수를 전달하고, 두 번째 인수로는 의존성 배열을 전달한다. useCallback은 의존성 배열에 담긴 값이 바뀌면 첫 번째 인수로 전달한 콜백 함수를 다시 만들어 반환한다. 만약 첫 번째 인수로 전달한 콜백 ㅎ삼수를 어떤 경우에도 재성성되지 않게 하려면 의존성 배열을 빈 배열로 전달한다. const uc = useCallback(func, []); useReducer가 반환하는 함수 dispatch는 함수 reducer를 호출하는데, 이 reducer는 항상 최신.. 2024. 2. 7. 1-6) [리액트 기초] 컴포넌트 이벤트 호출 https://jframework.tistory.com/24 1-5) [리액트 기초] 컴포넌트 값 전달하기 https://jframework.tistory.com/23 1-4) [리액트 기초] JSX란? JSX 문법 // src/components/Body.js import './Body.css'; const Body = () => { const numA = 1; const numB = 2; const strA = 'Hello'; const strB = 'World'; const boolA = true; const boolB = f jframework.tistory.com 이어서.. 이번에는 Props로 컴포넌트 자체를 전달하는 방법을 해보도록 하자. 최상위 App 컴포넌트에서 새로운 자식컴포넌트인 Ch.. 2024. 1. 24. 이전 1 다음
