Javascript 将通用组件或组件作为属性进行反应

您好，我正在尝试使用一个通用的“组件”来切换一个类，将其视为选项卡，但我不希望在其上有固定的标记，因此我正在考虑使用属性来管理初始化

例如，此代码应该在上初始化，单击它将在.target上切换.active类

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

按钮

问题是我需要使用componentDidMount（）和componentDidUpdate（）初始化数据属性，但我无法在所有组件上指定它，是否可以为所有应用程序指定全局componentDidMount（）？或者是否可以使用该属性指定“通用组件”？最好的方法是什么

我想使用属性，因为我需要保持它的通用性，我不想使用等设置组件

编辑

我正在考虑在主组件应用程序上使用componentDidMount和componentDidUpdate，因为这种方法似乎在所有孩子完成装载或更新后启动，所以我可能可以在那里查询属性。。还有更多

编辑2

---

我认为正确的解决方案是使用react组件，并在其中初始化组件中导入的vanilla js类，我不知道为什么我以前没有考虑过这一点，你不应该使用一个属性，而是创建一个可以包装其他组件的组件-通过这个，你可以作为道具访问组件生命周期方法

因此，您可以将活动的目标和类名传递给gerneric处理程序组件。它将完成工作，内部组件将是UI。这是对属性的反应方式