Как поймать событие скрытия ящика в теме Metronic 8 React?

В настоящее время я приобрел тему Metronic 8 и использую тему demo1 React в своем проекте React. Я создал ящик и хочу запустить некоторые функции в событии скрытия этого ящика.

Идентификатор этого ящика «kt_drawer_notification» был определен следующим образом:

        <div
            id='kt_drawer_notification'
            className='bg-white'
            data-kt-drawer='true'
            data-kt-drawer-name='notification'
            data-kt-drawer-activate='true'
            data-kt-drawer-overlay='true'
            data-kt-drawer-width = "{default:'100%', 'sm': '403px'}"
            data-kt-drawer-direction='end'
            data-kt-drawer-toggle='#kt_drawer_notification_toggle'
            data-kt-drawer-close='#kt_drawer_notification_close'
        >
            ...
        </div>

Пожалуйста, поделитесь своим методом для события скрытия ящика.

reactjs hide drawer metronic

31.10.2022 09:08

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Массив зависимостей в React

Все о массиве Dependency и его связи с useEffect.

Компонент против элемента в ReactJS - секрет оптимизации производительности за счет повторного использования элементов

Проще говоря, компонент - это фабрика для создания элементов.

Руководство по использованию хука useEffect для методов жизненного цикла React

103

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вот мое решение:

import { DrawerComponent } from './src/_metronic/assets/ts/components';
  ...
  ...
useEffect(() => {
    const noteDrawer = DrawerComponent.getInstance('kt_drawer_notification');
    if (noteDrawer) {
        noteDrawer.on("kt.drawer.hide", function () {
            '''type your code here'''
        });
    }
}, [])

При использовании этого фрагмента кода вам нужно указать правильный путь к DrawerComponent.

31.10.2022 10:57

Другие вопросы по теме

Форма С# показывает уведомления без значка в трее

Скрытие меню администратора, созданного плагинами

Как скрыть поле «Строка на странице» вместе с раскрывающимся списком из разбивки на страницы таблицы MUI

Скрыть/показать строки на основе различных раскрывающихся списков

Показать параметры из выбора при совпадении

Можно ли скрыть предупреждение getpass()?

Как переключаться между элементами в html с помощью JavaScript с помощью кнопок

Как скрыть оси, но сохранить сетку?

Как скрыть символы в Microsoft Word с помощью VBA?

Как скрыть строку состояния в SwiftUI

Как поймать событие скрытия ящика в теме Metronic 8 React?

Ответы 1

Другие вопросы по теме

Похожие вопросы