yb-callback
Version:
Доступ к внутренним методам React-компонента
56 lines (45 loc) • 1.85 kB
Markdown
## Доступ к внутренним методам 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();
```