javascript - 将通用组件或组件作为属性进行 react

Question

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

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

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

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

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

编辑

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

编辑2

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

Answer 1

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

因此，您可以将事件的目标和类名传递给通用处理程序组件。它将完成工作，内部组件将是 UI。这是与属性的 react 方式。