Реагировать на общий компонент или компонент как на атрибут

Здравствуйте, я пытаюсь создать общий «компонент», который переключает класс, думайте о нем как о вкладках, но мне не нужна фиксированная разметка для него, поэтому я подумал об использовании атрибутов для управления инициализацией.

Например, этот код должен быть инициализирован, щелчок по нему переключит класс .active на .target.

<button data-toggle = ".active" data-target = ".target">button</button>
<div class = "target"></div>

Проблема в том, что мне нужно инициализировать атрибуты данных с помощью componentDidMount () и componentDidUpdate (), но я не могу указать это для всех компонентов, возможно ли иметь глобальный componentDidMount () для всего приложения? или возможно ли присвоить атрибуту «общий компонент»? Как лучше всего продолжить?

Я хочу использовать атрибуты, потому что мне нужно, чтобы они были общими, я не хочу настраивать компонент с помощью и т. д.

РЕДАКТИРОВАТЬ

Я думал об использовании componentDidMount и componentDidUpdate в приложении основного компонента, так как эти методы, кажется, срабатывают после того, как все дети выполнили установку или обновление, там, возможно, я могу запросить атрибуты .. Еще больше впереди

РЕДАКТИРОВАТЬ2

Что ж, я думаю, что правильное решение - использовать компоненты реакции и внутри них инициализировать классы vanilla js, импортированные внутри компонента, это должно работать, я не знаю, почему я не думал об этом раньше