1.0.1 • Published 4 years ago

@lchooks/use-tabs v1.0.1

Weekly downloads
2
License
MIT
Repository
github
Last release
4 years ago

@lchooks/use-tabs

React Hook to get currentItem when the user excuting a function.

노마드코더 수업을 들으면서 클론코딩했습니다. Thank you nomadcoders!! https://academy.nomadcoders.co/p/introduction-to-react-hooks

Installation

yarn

yarn add @lchooks/use-tabs

npm

npm i @lchooks/use-tabs

Usage

import React from "react";
import useTabs from "@lchooks/use-tabs";

function App() {
  const { currentItem, changeItem } = useTabs(0, content);
  return (
    <div className="App">
      {content.map((section, index) => (
        <button onClick={() => changeItem(index)}>{section.tab}</button>
      ))}
      <div>{currentItem.content}</div>
    </div>
  );
}

Arguments

ArgumentTypeDescriptionRequired
initialTabstringString which index should start withno
allTabsmapmap to show the user on the DOMyes

Return

Return valueTypeDescriptionDefault value
index, contentstringString to show the index of item and content of currentItem{currentItem:allTabs[currentIndex], changeItem:setCurrentIndex}
1.0.1

4 years ago

1.0.0

4 years ago