27
4
I am new to react. I created an array of items with each switch element, the problem is: when I click on one item all items are activated at once!
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！
个人中心
文章发布
退出const dashboardItems = ["news", "notifications", "letters"];
const Settings = (props) => {
const { t } = useTranslation("settings");
const [isActive, setIsActive] = useState(false);
const handleClick = () => {
setIsActive(!isActive);
};
return (
<SideMenu class="dashboard-settings">
<SideMenu.Item>
<SideMenu.Header>{t("Dashboard Settings")}</SideMenu.Header>
</SideMenu.Item>
{dashboardItems.map((dashboardItem) => (
<SideMenu.Item key={dashboardItem}>
{t(dashboardItem)}{" "}
<Switch
onClick={handleClick}
status={isActive ? "active" : "inactive"}
/>
</SideMenu.Item>
))}
</SideMenu>
);
};
I tried many solutions I found through search but they did not work.
我尝试了许多通过搜索找到的解决方案，但都不起作用。
You're using a single value for all items. Instead convert the isActive state to an object (like the example), or array (use indexes instead of item), and toggle the item on the object.
您正在为所有项使用单个值。相反，将isActive状态转换为对象(如本例)或数组(使用索引而不是项)，并切换对象上的项。
The state:
州政府：
const [isActive, setIsActive] = useState({});
The switch:
开关：
<Switch
onClick={() => {
setIsActive(s => ({
...s,
[dashboardItem]: !s[dashboardItem]
}))
}
status={isActive[dashboardItem] ? 'active' : 'inactive'}
/>
0
我被这个问题困扰，希望任何人都可以帮助我。 脚本选择一个单词并记录单词出现和按键之间耗时( react 时间)。我的想法是有一个函数可以选择单词，将其设置为间隔，并通过按键打破该间隔。属性“stim”
我正在使用一个使用 React Data Grid ( https://github.com/adazzle/react-data-grid ) 的网格，我遇到了麻烦，因为当选择一个单元格时，它的边框
我正在尝试为算法交易安装 zipline，所以我必须为 python 3.5 版本创建一个 conda 的 venv。但是，在创建环境之后，当我激活这个环境时，没有括号。如果可行，命令行应该是这样的
我正在使用 Python GEKKO 来模拟化学 react ，可以这样描述: 1 -> 2 -> 3 -> 4 副 react 如下: 2 -> 5 3 -> 5 产物(4)是稳定的。这导致了以下一
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 7 年前。 Improve t
在下面的文章中说应该处理 mobx 的 react : https://mobxjs.github.io/mobx/best/pitfalls.html 用@computed装饰器标记的属性是一种 r
我正在使用 wxToolBar，它使用带有以下代码(简化)的下拉菜单: g_toolBar1->AddTool(TOOLBAR_CMD_CONTROL_DROPDOWN,_("Control elem
我在我的 Windows 系统上用 pip 安装了 Flask 和 HTML5。当我使用 IDLE 启动 Hello World! 程序时，我在 Python-Shell 中收到一条红色消息: "*
这个问题在这里已经有了答案: What is a NullReferenceException, and how do I fix it? (27 个答案) 关闭 3 年前。 所以我正在为我的 Di
关闭。这个问题需要details or clarity .它目前不接受答案。 想改进这个问题吗？ 通过 editing this post 添加细节并澄清问题. 关闭 3 年前。 Improve t
很难说出这里要问什么。这个问题模棱两可、含糊不清、不完整、过于宽泛或夸夸其谈，无法以目前的形式得到合理的回答。如需帮助澄清此问题以便重新打开，visit the help center . 关闭 1
我是 clojure 和试剂的新手。我试图生成动态数量的复选框，其状态存储在应用程序状态中，这是一个像这样的字典列表 [{:checked false, :text "Sample text 1"}
我正在尝试使用我的 Discord.js 机器人在 JavaScript 中制作一个菜单。到目前为止，一切正常，除非我应用删除消息的 react 。消息被删除，但此错误在控制台中以垃圾邮件形式出现:
我正在尝试创建一个动画，将鼠标悬停在顶部的 div 上会触发下面的 div 中的 react 。 我希望实现的是悬停在任何人身上的流动效果 在顶行将触发底行也向下推。 原始 CSS 不是我的创作，我只
我知道通过使用“超时”命令，我可以等待指定的时间；但我的问题是，如果这是一个可以被用户阻止的自动操作呢？我的意思是假设我想执行操作 A，但是通过使用“超时”命令，我会等待用户是否要取消此操作；例如，在
因此，虽然我们都知道整个复制和粘贴其他人的代码，并且神奇地工作，但在弄清楚这段代码的实际工作和功能时，它会失去一些上下文和理解。 我正在使用 Discord.py Rewrite ，以及一段名为 Re
我正在尝试制作一个 Discord.js 机器人，它将“Joueur” Angular 色添加到对 ✅ 表情符号使用react的用户。我是 JS 的新手，我在互联网上找到了 reaction.mess
我已经在 Ambari 管理中设置了一个文件浏览 View ( View - 添加 View - 文件)，但是当我试图访问这个 View 时，出现以下错误: E090 HDFS030 Error in
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
我对此的反应是新的。我用每个开关元素创建了一个项目数组，问题是：当我单击一个项目时，所有项目都会同时激活！。我尝试了许多通过搜索找到的解决方案，但都不起作用。
我是一名优秀的程序员,十分优秀！