如何通过 useState 来确定映射组件的单一活动 class？
How to parse useState to determine singular active class for mapped compontents?
我正在尝试将单个 <li> 元素设置为在单击单个页面应用程序时处于活动状态。我目前正在通过对组件的支持来解析一个函数。我想为所有组件提供一个 active 实例，而不是每个组件一个。目前我有很多渲染超时，我相信有办法做到这一点。
我应该在组件中使用 useState 吗？
设置 class 的代码在沙箱 link 中作为注释。
谢谢。
如果您希望列表项在单击时变为活动状态，您应该编写以下内容：
<ListItem key={item.id} handleActive={item => handleActive(item)}>
{item.text}
</ListItem>
当你处理动作时，你总是有一个输入值。所以，你忘了在 handleActive 属性 中写 item =>。
我正在尝试将单个 <li> 元素设置为在单击单个页面应用程序时处于活动状态。我目前正在通过对组件的支持来解析一个函数。我想为所有组件提供一个 active 实例，而不是每个组件一个。目前我有很多渲染超时，我相信有办法做到这一点。
我应该在组件中使用 useState 吗？
设置 class 的代码在沙箱 link 中作为注释。
谢谢。
如果您希望列表项在单击时变为活动状态，您应该编写以下内容：
<ListItem key={item.id} handleActive={item => handleActive(item)}>
{item.text}
</ListItem>
当你处理动作时，你总是有一个输入值。所以，你忘了在 handleActive 属性 中写 item =>。