React

Wat zijn custom hooks?

Maak herbruikbare hook logic.

Home/Categorieën/React/Wat zijn custom hooks?

Custom hook pattern

Normale functie die ander hooks gebruikt. Deelt logic tussen componenten.

Code Voorbeelden

JAVASCRIPTCustom hook
function useToggle(initial = false) {
  const [value, setValue] = useState(initial);
  
  return [value, () => setValue(!value)];
}

// Usage
function Modal() {
  const [isOpen, toggle] = useToggle(false);
  
  return (
    <>
      <button onClick={toggle}>Open</button>
      {isOpen && <div>Modal content</div>}
    </>
  );
}

Relevante trefwoorden

custom hooklogic reuse
← Terug naar ReactAlle categorieën →