@dgswcns/cns-funnel
v0.0.13
Published
cns 동아리에서 사용되는 페이지 처리는 2가지 입니다.
Downloads
31
Keywords
Readme
CNS Funnel
cns 동아리에서 사용되는 페이지 처리는 2가지 입니다.
인덱스로 처리되는 방법 string에 따른 페이지 처리 방법
인덱스 페이지 처리
import { OrderFunnel } from "@dgswcns/cns-funnel";
<OrderFunnel page={1}>
<div>1</div>
<div>2</div>
</OrderFunnel>
string 페이지 처리
const TestPage = () => {
const [TestFunnel, Step, setFunnel] = useKeyFunnel<"k" | "u">("k");
return (
<TestFunnel>
<Step name="k">
<div onClick={() => setFunnel("u")}>k</div>
</Step>
<Step name="u">
<div>u</div>
</Step>
</TestFunnel>
);
};