yb-toggle v1.0.2

Обработка клика вне React-компонента

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

Зависимости

• нет

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

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

import ToggleComponent from "yb-toggle";

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

class SomeSelect extends ToggleComponent

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

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

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

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

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