Singleton компонент на реакте?

Question

[Артем]

Предоставляет ли реакт какие-нибудь механизмы для создания singleton компонента?
Чтобы вставить такие компоненты на странице, но смонтировать только один
Пробовал обернуть компонент в хок, который возвращал бы только один экземпляр

export function withSingleton (Component) {
  let instance = null;
  return (props) => {
    if (!instance) {
      instance = <Component {...props} />
    }
    return instance;
  }
}

Но глаза уже замылились и требуется взгляд со стороны

Comments

[Alice Smith]

ничего вообще не понятно что вы хотите сделать

Answer 1

[Сергей Сунцев]

Нет, такого функционала в реакте нет.
Но можно самому попробовать сделать, я вижу 2 варианта - через Redux и через DOM
1) В сторе создаете булевый объект, по названию компонента, и при монтировании делаете проверку - false, иначе компонент не выводите.
2) В компоненте задайте идентификатор, и перед монтированием смотрите, существует ли такой же идентификатор, иначе не монтируйте.

Сколько слушаю о паттернах - все чаще слышу о том, что синглтон уже моветон, но мне кажется все зависит от применения.

Comments

[Артем]

Пока думал, пришла похожая идея
Только хранить не в сторе, а в статическом свойстве класса
В качестве замены синглтону я так полагаю предлагается удалять предыдущий компонент и создавать новый?

[Сергей Сунцев]

Артем, статическое свойство класса не подойдёт, ведь оно относится к классу, а нам надо иметь какой то глобальный флаг