toggle-qa

Расширение функционала React-компонента

Компонент предупреждает о том, что щелкнули вне его границ.
С помощью него можно расширять сложные компоненты: они приобретут свойство определять клик вне себя.

Зависимости

• нет
  
  
  

Подключение и использование

• Импортируем

import ToggleComponent from "toggle-qa";

• Расширяем
  (вместо React.Component пишем ToggleComponent)

class SomeSelect extends ToggleComponent

• В самом верхнем div-e (блоке) расширяемого компонента пишем

<div ref={this.setWrapperRef}></div>

• Реализуем метод hideOnClick() (метод реагирует на событие клика вне компонента)
• НЕ реализовываем в расширяемом компоненте метод componentDidMount (этот метод уже реализован, как и метод componentWillUnmount)
  
  
  

Методы компонента

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