Reference Custom Hooks

  • Create a custom hook when using in multiple places.
Example - false
WDS Video on this Hook
import { useState } from "react"; export default function useToggle(defaultToggle) { const [toggle, setToggle] = useState(defaultToggle); function toggleState(toggle) { setToggle((currentToggle) => (typeof toggle === "boolean" ? toggle : !currentToggle)); } return [toggle, toggleState]; }