1.0.1 • Published 6 years ago
toggle-qa
Licence
ISC
Version
1.0.1
Deps
15
Size
7 kB
Vulns
0
Weekly
0
Расширение функционала React-компонента
Компонент предупреждает о том, что щелкнули вне его границ.
С помощью него можно расширять сложные компоненты: они приобретут свойство определять клик вне себя.
Зависимости
- нет
Подключение и использование
- Импортируем
import ToggleComponent from "toggle-qa";
- Расширяем
(вместо React.Component пишем ToggleComponent) ```javascript class SomeSelect extends ToggleComponent ``` - В самом верхнем div-e (блоке) расширяемого компонента пишем ```javascript ``` - Реализуем метод hideOnClick() (метод реагирует на событие клика вне компонента) - НЕ реализовываем в расширяемом компоненте метод componentDidMount (этот метод уже реализован, как и метод componentWillUnmount)
Методы компонента
- hideOnClick() обязательный
вызывается, когда произошло событие клика вне компонента
Позволяет реализовать сокрытие компонента так, как удобно компоненту