A React hook to cycle an index within some max length
yarn add use-cursorimport React from "react";
import { useCursor } from "use-cursor";
const App: React.FC = () => {
const { index, cursor, handlePrev, handleNext } = useCursor({ max: 10 });
return (
<button onClick={handleNext}>Next</button>
<button onClick={handlePrev}>Previous</button>
<pre>
<code>{JSON.stringify({ index, cursor })}</code>
</pre>
);
};const useCursor: ({
max,
initialCursor
}: {
max: number;
initialCursor?: number | undefined;
}) => {
handlePrev: () => void;
handleNext: () => void;
cursor: number;
index: number;
};
![renovate[bot] avatar](https://avatars.githubusercontent.com/in/2740?v=4 "renovate[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent