反应通用组件或组件作为属性

Question

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

例如，这段代码应该在 .target 上初始化，点击它将切换 .target 上的 .active 类。

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

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

我想使用属性，因为我需要保持其通用性，我不想使用 etc 设置组件。

编辑

我正在考虑在主组件应用程序上使用 componentDidMount 和 componentDidUpdate，因为这个方法似乎在所有孩子完成安装或更新后触发，也许我可以查询属性.. 更多内容

EDIT2

好吧，我认为正确的解决方案是使用 react 组件并在它们内部初始化组件内部导入的 vanilla js 类，它应该可以工作我不知道为什么我之前没有考虑过这个

Answer 1

您不应该使用属性，而是创建一个可以包装其他组件的组件 - 通过这个，您可以将其作为对组件生命周期方法的访问权传递。

因此，您可以将目标和 className 传递给通用处理程序组件以进行活动。它将完成工作，内部组件将是 UI。这是反应方式与属性。