ЯсноПонятно24

Вот пример реализации хука useDisclosure с описанным функционалом:

import { useState, useCallback } from 'react';

const useDisclosure = (initialState = false, { onOpen = () => {}, onClose = () => {} } = {}) => {
  const [isOpen, setIsOpen] = useState(initialState);

  const toggle = useCallback(() => {
    setIsOpen(prevState => !prevState);
    isOpen ? onClose() : onOpen();
  }, [isOpen, onClose, onOpen]);

  const open = useCallback(() => {
    setIsOpen(true);
    onOpen();
  }, [onOpen]);

  const close = useCallback(() => {
    setIsOpen(false);
    onClose();
  }, [onClose]);

  return { isOpen, toggle, open, close };
};

export default useDisclosure;

Этот хук можно использовать в компонентах следующим образом:

import React from 'react';
import useDisclosure from './useDisclosure';

const MyComponent = ({ initialState }) => {
  const { isOpen, toggle, open, close } = useDisclosure(initialState);

  return (
    <div>
      <button onClick={toggle}>Toggle</button>
      <button onClick={open}>Open</button>
      <button onClick={close}>Close</button>
      {isOpen && <div>Content</div>}
    </div>
  );
};

export default MyComponent;

Теперь при изменении initialState в компоненте MyComponent, состояние контента будет обновляться соответственно.