React 기초 - useRef 함수

useRef 함수의 사용

function App() {
  const myRef = useRef(null);

  return (
    <div>
      <button
        onClick={() => {
          myRef.current.style.backgroundColor = 'red';
        }}
      >
        색 변경
      </button>
      <div ref={myRef}>박스</div>
    </div>
  );
}

export default App;

ㆍ useRef() 함수를 사용하여 Ref 객체를 생성한다.

ㆍ 이 객체를 우리가 선택하고 싶은 DOM에 ref 값으로 설정을 한다.

ㆍ .current를 이용해서 우리가 원하는 DOM을 가리킨 후 해당 객체를 제어한다.

---

GitHub - qlsdud0604/react-basic: 리액트의 기초를 학습하는 공간