useState (1) 썸네일형 리스트형 [react] useState에 함수를 저장하면 생길 수 있는 문제 (반복 실행, useRef의 경우) 문제 상황업무 중 모달 컴포넌트를 만들면서 다음 요구사항이 주어졌다.모달 컴포넌트 우측 상단에 X 버튼을 넣어서 모달창을 끌 수 있게 해주세요.경우에 따라, X 버튼을 눌러도 모달창이 꺼지지 않도록 해주세요.요구사항1을 위해서 X버튼에 모달창을 끄는 이벤트 핸들러를 달아야 한다.요구사항2를 위해서 이벤트 핸들러를 동적으로 변경하고 모달창을 리렌더링해야 한다.따라서 아래처럼 이벤트 핸들러를 useState로 저장하고 동적으로 변경하려고 했다..import React, { useState } from "react";export default function Modal1() { const [callback1, setCallback1] = useState(() => console.log("모달창을 끄는 .. 이전 1 다음
