React Hooks

Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 “연동(hook into)“할 수 있게 해주는 함수입니다. Hook은 class 안에서는 동작하지 않습니다. 대신 class 없이 React를 사용할 수 있게 해주는

버튼에 따라 노출되는 내용을 변화시킬 수 있는 custom hook인 useTabs 에 대해여 정리해 볼 것이다.우선, tab을 클릭할 때 나타낼 content 배열 객체 형태로 정의하였다.useTabs는 initialTab, allTabs 두 개의 매개 변수를 갖고

useEffect를 사용하여 html 안의 title 을 변경할 것이다.또 다른 방법으로는, react에서는 helmet를 사용한다. useEffect 가 mount 될 때, title 은 props으로 전달된 "New Title" 이 되는 것이다.

onConfirm 은 필수적인 사항이고, onCancel 은 필수적인 사항이 아닌 조건이므로 조건문을 추가하여 오류 방지.beforeunload는 window가 닫히기 전에 function이 실행되는 것을 허락한다.