使用 <details> 作为开关按钮是否道德？

Question

最近我开始使用

<details>

，它让我意识到它可以用来代替无状态开关中的

<button type="button">

组件，而不需要提供

onClick()

回调（因此不需要对 JavaScript 的依赖）。此外，因为我使用

reactjs

我必须在某个地方引入状态来控制所述按钮的开/关状态，如果在同一上下文中有多个按钮，这有点烦人。如果需要从状态中导出，那么我可以从中导出

HTMLDetailsElement.open

的值。
但在我开始使用 <details>

 制作派生组件之前，其样式与我的项目中的通用按钮相同，从语义角度来看，这是正确的做法吗？

对我来说，<summary>
和可切换组件被视为不同的实体，但

<summary>

对其非

<details>

子组件非常宽容（事实上，它与

<summary>

具有相同的权限）。没有帮助，这是我所知道的唯一允许内置开关而不破坏文档整体语义的方法，不像 <div> hack

 .

Answer 1