useState, useRef의 차이

state는 setNumber 이런 식으로 값이 변경 되면 return(...) 부분이 다시 실행되고 렌더링이 일어난다.

하지만 useRef()는 값을 변경해도 render() 부분이 다시 실행되지 않는다.

불필요한 렌더링은 만들지 않는 것이 좋기 때문에 값이 변경되어도 다시 렌더링이 되지 않았으면 좋겠다 하는 값들은, 즉 화면에 영향을 미치고 싶지 않을 때는 useRef를 사용하면 된다.

• useRef 값에 접근할 때는 .current를 꼭 붙여야 한다.
• useRef()는 focus처럼 DOM 조작할 때도 사용된다.
• 부모 컴포넌트에서 자식 컴포넌트에 useRef 받을 때는 forwardRef가 있다.