Знаю что, не рекомендовано наследовать компоненты в реакте, но как быть например с обищими методами которые будут использоваться в нескольких компонентах. К примеру у нас есть метод:
getDefaultState() {
return {
sellCurrency: 'EUR',
buyCurrency: 'GBP',
}
}
И вместо того что бы объявлять его в каждом компоненте можно создать базовый компонент(у которого однако не будет функции render) и наследоваться от него.
export default class BaseComponent extends Component {
getDefaultState() {
return {
sellCurrency: 'EUR',
buyCurrency: 'GBP',
}
}
}
class Component1 extends BaseCoponent {
constructor(props) {
super(props);
this.state = this.getDefaultState();
}
}
class Component2 extends BaseComponent {
constructor(props) {
super(props);
this.state = this.getDefaultState();
}
}
Причём я проверил, и каждый компонент создаст свой state. Кто к каким методам прибегает, и есть ли идея как лучше это реализовать?
Простой