callback-qa

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

Расширяет React.Component:
добавляет возможность обращаться к внутренним методам компонента извне.
Расширение позволяет (например) хранить состояние экземпляров внутри самих экземпляров, без засаривания родительских state.

Необходимые зависимости

Нет

Подключение модуля

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

import CallbackComponent from "callback-qa";

• Расширяем

(вместо React.Component пишем CallbackComponent) ```javascript class SomeComponent extends CallbackComponent ```

• Помечаем методы внутри конструктора

(предполагается, что в компоненте есть методы $method1 и $method2) ```javascript this.setCallbacks(props.callbacks, ["$method1", "$method2"]); ```

Использование

• Сначала в jsx - укажем объект для записи внутренних методов.

Используем для этого поле с любым именем, лишь бы к нему можно было обратиться из любой точки родительского компонента.
Здесь - используется поле this.callbacks. Могло подойти и this.state.someField ```javascript ```

• Теперь можно вызывать эти методы

this.callbacks.$method1();
this.callbacks.$method2();