1.0.6 • Published 4 years ago
callback-qa v1.0.6
Расширение функционала React-компонента
Расширяет React.Component: добавляет возможность обращаться к внутренним методам компонента извне. Расширение позволяет (например) хранить состояние экземпляров внутри самих экземпляров, без засаривания родительских state.
Необходимые зависимости
Нет
Подключение модуля
- Импортируем
import CallbackComponent from "callback-qa";
- Расширяем (вместо React.Component пишем CallbackComponent)
class SomeComponent extends CallbackComponent
- Помечаем методы внутри конструктора (предполагается, что в компоненте есть методы $method1 и $method2)
this.setCallbacks(props.callbacks, ["$method1", "$method2"]);
Использование
- Сначала в jsx - укажем объект для записи внутренних методов. Используем для этого поле с любым именем, лишь бы к нему можно было обратиться из любой точки родительского компонента. Здесь - используется поле this.callbacks. Могло подойти и this.state.someField
<SomeComponent callbacks={this.callbacks} />
- Теперь можно вызывать эти методы
this.callbacks.$method1();
this.callbacks.$method2();