1.0.2 • Published 6 years ago
yb-callback
Licence
ISC
Version
1.0.2
Deps
15
Size
7 kB
Vulns
0
Weekly
0
Доступ к внутренним методам React-компонента
Расширяет React.Component:
добавляет возможность обращаться к внутренним методам компонента извне.
Расширение позволяет (например) хранить состояние экземпляров внутри самих экземпляров,
без засоривания родительских state.
Необходимые зависимости
Нет
Подключение модуля
- Импортируем
import CallbackComponent from "yb-callback";
- Расширяем
(вместо 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();