yb-callback v1.0.2

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

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

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

Нет

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

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

import CallbackComponent from "yb-callback";

• Расширяем (вместо 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();