src/components/Carousel/context/CarouselContext.js - master - DevDenzo/ERP

src/components/Carousel/context/CarouselContext.js

26 строк2 KB

Denis Sklyarskij

Инициализирован репозиторий

14 янв 2026, 23:32

14 янв 2026, 23:321df3d47

import { createContext } from 'react';

/**
 * Контекст для управления состоянием панели карусели
 *
 * Предназначен для централизованной передачи:
 * - текущего индекса активного слайда (activeIndex);
 * - функции обновления индекса (setActiveIndex);
 * - обработчика переключения слайдов (handleMove)
 * во вложенные компоненты без прокидывания пропсов через промежуточные уровни.
 *
 * @constant {React.Context} CarouselContext
 * @property {Object|null} defaultValue - Начальное значение контекста
 *   - Установлено в `null`, так как реальное значение будет предоставлено
 *     через `<CarouselContext.Provider>` в дереве компонентов.
 *   - Это стандартное соглашение: провайдер обязан передать валидное значение,
 *     а `null` сигнализирует, что значение ещё не задано.
 *
 * @usage
 * 1. Оберните нужные компоненты в `<CarouselProvider>` (который передаёт значение через Provider).
 * 2. В любом вложенном компоненте используйте `useContext(CarouselContext)`,
 *    чтобы получить доступ к состоянию и методам управления каруселью.
 *
 * @see https://react.dev/reference/react/createContext - официальная документация React
 */
export const CarouselContext = createContext(null);