[React.js] Hooks - useRef


useRef

  • 직접 DOM μš”μ†Œμ— μ ‘κ·Όν•΄μ•Ό ν•  λ•Œ, useRef 훅을 μ‚¬μš©ν•˜μ—¬ DOM μš”μ†Œμ— 직접 접근이 κ°€λŠ₯
  • useRef 훅이 λ°˜ν™˜ν•˜λŠ” ref 객체λ₯Ό μ΄μš©ν•΄μ„œ μžμ‹ μš”μ†Œμ— 접근이 κ°€λŠ₯

  • useRefλŠ” .current ν”„λ‘œνΌν‹°λ‘œ μ „λ‹¬λœ 인자(initialValue)둜 μ΄ˆκΈ°ν™”λœ λ³€κ²½ κ°€λŠ₯ν•œ ref 객체λ₯Ό λ°˜ν™˜ν•©λ‹ˆλ‹€

  • useRefλŠ” .current ν”„λ‘œνΌν‹°μ— λ³€κ²½ κ°€λŠ₯ν•œ 값을 λ‹΄κ³  μžˆλŠ” β€œμƒμžβ€μ™€ κ°™μŠ΅λ‹ˆλ‹€. ​ ​

https://ko.reactjs.org/docs/hooks-reference.html#useref ​ ​ ​ https://ko.reactjs.org/docs/refs-and-the-dom.html#gatsby-focus-wrapper

Ref와 DOM – React A JavaScript library for building user interfaces ko.reactjs.org


Β© 2021. All rights reserved.