Skip to content

Commit f196344

Browse files
committed
add useToggler
1 parent 87e3c37 commit f196344

File tree

1 file changed

+14
-0
lines changed

1 file changed

+14
-0
lines changed

useToggler.js

+14
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,14 @@
1+
const useToggler = (initialState) => {
2+
const [value, setValue] = React.useState(initialState);
3+
4+
const toggleValue = React.useCallback(() => setValue((prev) => !prev), []);
5+
6+
return [value, toggleValue];
7+
};
8+
9+
// Usage
10+
11+
const Switch = () => {
12+
const [val, toggleVal] = useToggler(false);
13+
return <button onClick={toggleVal}>{val ? "ON" : "OFF"}</button>;
14+
};

0 commit comments

Comments
 (0)