javascript - 下拉按钮的地图，检查是否点击了id

Question

我正在渲染按钮映射以响应切换 is-active 类。但是，如果我单击其中一个，它们都会打开。我如何检查是否只有单击的按钮才能切换课程？在普通的 javascript 中，这样的事情感觉要容易得多。多谢你们！

const [open, setOpen] = useState(false)

<div
id={"id" + node.id}
key={node.id}
className={`dropdown ${open ? "is-active" : ""}`}
onClick={() => setOpen(!open)}
>

标签： javascriptreactjs

Answer 1

当然，一切都会活跃起来。您需要放置一个idto 状态以检查单击了哪个按钮。

<div
  className="dropdown"
  id={"id" + node.id}
  key={node.id}
  className={`dropdown ${open === node.id ? "is-active" : ""}`}
  onClick={() => setOpen(node.id)}
>