react useRef

React Study

React - useRef 변수 선언하기

2020.12.05

목록 Introduction useRef Conclusion 📌 Introduction 안녕하세요. 오늘은 useRef로 변수를 선언하는 것에 대해서 알아보겠습니다. 값을 선언할때 react에서는 두가지 방식이 있어요. 하나는 useState를 사용하는 방식이고 하나는 useRef를 사용하는 방식입니다. 두개의 차이점은 useState는 값이 변경이 될때 rerendering이 이루어 지고 useRef는 값이 변경이 되어도 rerendering이 이루어지지 않습니다. 또한 component가 re-rendering될때에도 값을 기억하고자 할때 useRef 를 사용하게 됩니다. 그럼 기본적인 문법과 사용하는 예제를 알아보겠습니다. 📌 useRef const nextId = useRef(4); // comp..

React Study

React - useRef 특정돔 지정하기

2020.12.02

📌 목차 Introduction useRef Conclusion 📌 Introduction 안녕하세요. 이번 시간에서는 useRef를 변수같이 사용하는 것이 아닌 document.querySelector와 같은 기능을 하는 react useRef를 만나볼게요. 📌 useRef import React, { useState, useRef } from "react"; function InputSample() { const [inputs, setInputs] = useState({ name: "", nickname: "", }); const nameInput = useRef(); const { name, nickname } = inputs; const onChange = (e) => { const { name,..

React - useRef 변수 선언하기

React - useRef 특정돔 지정하기

티스토리툴바