在 React 中展开和折叠 Div

戈尔有时

下面的沙箱显示了两个展开和折叠的 div,我只是在测试模板。每个人都会切换展开/折叠隐藏在右侧的 div。

我想要做的是让它当你点击展开一个 div 时另一个会崩溃添加该功能的最简单方法是什么?

非常感谢有关逻辑的任何建议或使其工作的解决方案。我正在考虑设置一个 handleClick 函数,该函数表示当 div "x" 是活动 div 时关闭所有其他 div,但我不完全确定这里的逻辑或解决方案。将不胜感激任何帮助。

代码和盒子:https ://codesandbox.io/s/wandering-cherry-pk7xw ? file =/ src/NavButton.js

谢谢你。

胜利

单击时切换菜单,同时关闭另一个菜单。

      <div className="iconBox">
        <div
          className="navIcon"
          onClick={() => {
            setToggle(!toggle);
            setToggle1(false);
          }}
        ></div>
      </div>
...
      <div className="iconBox2">
        <div
          className="navIcon"
          onClick={() => {
            setToggle1(!toggle1);
            setToggle(false);
          }}
        ></div>
      </div>

代码和盒子:https ://codesandbox.io/s/flamboyant-banzai-58snd

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章