(0705)useRef를 활용한 props 값 저장

useRef를 활용하면 아래와 같은 class component에서
time에 저장한 변하지 않는 data 즉, props 값을
function component에서 활용할 수 있게 된다.

class Excomponent extends Component {
  time = new Data()

  render () {
    return (
      <div>{this.time}</div>
    )
  }
}

function component에서 time을 활용하는 예시 코드

const Excomponent = () => {
  const time = useRef(null)
  time.current = new Date();

  return (
    <div>{time.current}</div>
  )
}

위와 같이 useRef가 return한 객체의 속성 중
current 에 저장하고 싶은 props를 저장하여 활용할 수 있다.

깊게 이해하고 넓게 소통합니다.