Function useSelfSection

Создаёт секцию, в которой корневой является единственным элементом секции, и набор инструментов для работы с ней.

Returns

объект с props для корневого элемента секции и функция для кастомизации параметров секции.

Сам tuple и его содержимое мемоизированно с помощью useMemo и зависит только от sectionId. Но если изменить имя секции, передаваемое в хук, то будет создана новая секция с новым конфигом, а старая будет удалена.

Example

const Page1: FC = () => {
     const [sectionProps, customizeMySection] = useSection('mySection');

     useEffect(() => {
         customizeMySection({
             enterTo: 'default-element',
             straightOnly: true
         })
     }, []);

     const onSelect = useCallback((event: KeyboardEvent) => {
         // ваша обработка
     }, []);

     return (
         <div {...sectionProps} onKeyDown={onSelect}> // или <div id={sectionProps.id} className={sectionProps.className} onKeyDown={onSelect}>
             Title
         </div>
     );
};