Y ticle (2) 썸네일형 리스트형 [React] ref는 state와 달리 리렌더링 이후에도 어떻게 값을 유지할까? A ref is a plain JavaScript object with a single property called current, which you can read or set.- React 공식 문서 useRef는 React 컴포넌트의 렉시컬 환경에 대한 참조를 유지합니다.useRef 훅은 컴포넌트 내에서 변수를 만들고 유지합니다.리렌더링 되어도 이 값은 유지됩니다.(또한 state와 달리 값이 변경되더라도 리렌더링을 촉발하지 않습니다.)useRef로 생성된 ref 객체 내에는 current property가 존재하고 current property에 값이 유지됩니다.useRef 훅은 클로저(closure)를 활용하여 현재 property를 유지하고 렌더링 되더라도 값을 보존합니다.useRef가 클로.. [React] Ref 는 언제 사용되고 왜 필요한걸까 When you want a component to “remember” some information, but you don’t want that information to trigger new renders, you can use a ref.리액트에서 컴포넌트를 설계하다 보면 특정 컴포넌트의 렌더링을 제한해야할때가 있습니다.이런 케이스가 종종 있지 않나요?컴포넌트가 현재의 특정한 정보를 기억하면서(remember) 그 정보가 새 렌더링을 촉발하지 않도록 구현해야하는 경우가 있습니다.ref를 이용하면 가능합니다.React Ref 어트리뷰트란?리액트 ref는 리액트 요소에 대한 참조를 생성하는데 사용되는 기능입니다.ref가 유용히 사용되는 일반적인 경우를 3가지로 나누어서 설명하겠습니다.1) DOM 요소에.. 이전 1 다음
