toggle-qa v1.0.1

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

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

Зависимости

• нет

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

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

import ToggleComponent from "toggle-qa";

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

class SomeSelect extends ToggleComponent

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

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

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

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

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