如何正确管理ShadCn中的切换状态？ 我在我的React项目中使用SADCN的切换组件来实现一组冲程切换。目的是要有四个切换，一次只能一个可以活跃（按下）。当切换...

Question

问题是，当我单击“ stroke-none”以外的切换时，状态似乎无法正确更新。压态未转移到其他切换。

I添加了调试的console.log：

useEffect(() => {
    console.log("Current stroke type:", strokeToggle);
}, [strokeToggle]);

日志打印始终首先是“无名”，然后按下拨动。我在这里做错了什么？
任何帮助或建议将不胜感激！
    

如果目标是管理单个值，则应使用

ToggleGroup

而不是单个。在您的情况下，应该看起来像这样：

Toggle

也是从2015年3月开始的，其中最新的依赖项和图标替换为文本，这是不再可重现的。我猜这曾经是shadcn-ui

中的错误

Answer 1