Javascript 反应挂钩。如何在单击时停用其他项目（当前项目除外）

我有一份物品清单。 当我单击其中一个项目时，另一个项目变为停用状态，同步项目的最佳做法是什么？ 那么活动项在同一时间只能是其中一个

我的代码：

错误案例2活动项目的可视示例

---

总体思路是将当前选定的项目存储在父列表中，并在渲染器中向选定的项目传递活动或选定标志。概念示例：

函数ListOfItemsprops{ const[selection，setSelection]=useState； 回来 {props.list.mapitem=> } ; } 函数ListItemprops{ 回来 props.handleClickprops.key}> {props.content} ; }

---

它工作得很好！非常感谢。