리액트 커스텀 Hook (1) 썸네일형 리스트형 React(리액트): 커스텀 Hook 만들어 사용하기 이번에는 Custom Hook을 만드는 방법에 대해서 알아보자. const onChange = (e) => { const {name, value } = e.target; setInputs({...inputs, [name]: value}); } 컴포넌트를 만들다 보면 가끔씩 반복되는 로직들이 발생한다. 다음과 같이 input을 관리하는 코드는 꽤나 많이 작성하게 될 수 있는 코드다. input을 관리하려면 'e.target' 안에 있는 name과 value를 읽어서 이를 참조해 어떤 새로운 상태를 설정해야 하기 때문이다. 이러한 상황에서는 우리가 custom Hook을 만들어 사용할 수 있다. 즉, 우리만의 Hook을 만든다는 소리이다. 리액트에 내장되어있는 useEffect, useState, useRe.. 이전 1 다음