UNPKG

yb-callback

Version:

Доступ к внутренним методам React-компонента

56 lines (45 loc) 1.85 kB
## Доступ к внутренним методам React-компонента Расширяет React.Component: <br> добавляет возможность обращаться к внутренним методам компонента извне. <br> Расширение позволяет (например) хранить состояние экземпляров внутри самих экземпляров, без засоривания родительских state. <br> <br> ### Необходимые зависимости Нет <br> <br> ### Подключение модуля - Импортируем ```javascript import CallbackComponent from "yb-callback"; ``` - Расширяем <br> (вместо React.Component пишем CallbackComponent) ```javascript class SomeComponent extends CallbackComponent ``` - Помечаем методы внутри конструктора <br> (предполагается, что в компоненте есть методы $method1 и $method2) ```javascript this.setCallbacks(props.callbacks, ["$method1", "$method2"]); ``` <br> ### Использование - Сначала в jsx - укажем объект для записи внутренних методов. <br> Используем для этого поле с любым именем, лишь бы к нему можно было обратиться из любой точки родительского компонента. <br> Здесь - используется поле this.callbacks. Могло подойти и this.state.someField ```javascript <SomeComponent callbacks={this.callbacks} /> ``` - Теперь можно вызывать эти методы ```javascript this.callbacks.$method1(); this.callbacks.$method2(); ```