Javascript 当用户在react.s中选择来自api的列表项时，如何切换类？

我正在开发一个应用程序，其中通过使用map方法通过循环呈现DB结果。 当用户单击每个项目时，首先会将这些id添加到数组中，并切换CSS类以更改特定选定项目的边框颜色，当再次选择该项目时，边框将消失，UI中呈现的所有项目也是如此。将id添加到数组中工作正常

我在切换CSS样式以更改单击每个项目时的边框颜色时遇到问题

下面是我在DOM上呈现项目的代码

const[selectedItems，setSelectedItems]=React.useState（[]
const onClickHandler=（id）=>{
如果（选择editems.indexOf（id）>-1）{
让updateItems=selectedItems.filter（itemID=>itemID！==id）
console.log（updatedItems）；
setSelectedItems（updateEdItems）
}否则{
setSelectedItems（prevState=>[…prevState，id]）
}
setOpen（真）；
}
{
courses.length>0&&courses.map（课程=>{
返回(
)
})
}
函数CourseItem（{course，onClickHandler}）{
const classes=useStyles（）；
返回(
onClickHandler（课程号）}/>
{/*{course.level}*/}
{course.moduleName}
{course.description}
)
}

您可以在两种不同的情况下使用两个不同的类。然后使用

clsx

有条件地应用类

---

clsx link->

您提到需要更改所选元素的边框颜色，但我在代码中没有看到这样做的尝试，我没有看到任何地方引用了边框样式，除非您在

类
对象中有您不共享的边框样式