npm.io
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() обязательный

вызывается, когда произошло событие клика вне компонента
Позволяет реализовать сокрытие компонента так, как удобно компоненту