useRef (3) 썸네일형 리스트형 [Medium 번역글] 시니어 개발자가 되기 위한 18가지 React 기술 보호되어 있는 글입니다. [React] React와 Vue(Composition API)의 ref 차이점 1. 기본 개념 React: useRef와 useState를 별도로 사용 Vue: ref가 참조와 상태 관리를 모두 처리 2. 사용법 React import { useRef, useState, useEffect } from 'react'; function MyComponent() { const inputRef = useRef(null); const [count, setCount] = useState(0); useEffect(() => { inputRef.current?.focus(); }, []); return ( Count: {count} setCount(count + 1)}>Increme.. [React] state Vs ref React 에서의 state 와 ref 의 차이는 아래와 같습니다. 1) const [count, setCount] = useState(0);// 읽기console.log(count);// 쓰기setCount(count + 1); 2) useState를 통한 상태 업데이트는 비동기적으로 처리된다는 뜻은 아래와 같습니다React는 성능 최적화를 위해 여러 상태 업데이트를 배치(batch)로 처리합니다.이로 인해 상태 업데이트가 즉시 반영되지 않을 수 있습니다.연속된 여러 업데이트는 하나의 리렌더링으로 통합될 수 있습니다.function Counter() { const [count, setCount] = useState(0); const handleClick = () => { setCount(cou.. 이전 1 다음
