Hook useTabs

더미 데이터로 contents 생성한다. 위의 더미데이터 배열을 map메소드를 사용해서 section1,2 버튼을 만듦 useTabs hook 생성 ⇒useTabs hook작업중 마주친 에러 React Hook "usestate" is called conditionally. React Hooks must be called in the exact same order in every compon...

useTabsReacthookReact

Hook 사용예제: useTabs + 함수형 컴포넌트의 event 처리

Tab창 기능을 하는 커스텀 훅을 구현해보았다. 객체를 return 했을 때 { currentItem, changeItem } = useTabs(1, content); 이것처럼 객체안의 값들을 바로 쓸 수 있는점이 편리한 것 같다. 함수형 컴포넌트의 event를 처리할 때 함수를 호출하는 경우 <button key={index} onClick={() => changeItem(index)}>{...

Event HandleruseTabshookcustom hookEvent Handler