在反应中输入另一个组件时如何从组件中删除类名
How can I remove a className from a component when entering another component in react
我正在 React 中构建一个投资组合，我一直在其中使用我的固定导航栏，但我有另一个组件，它是另一个名为项目的页面，其中出现图像，当点击它们时出现模态给出了上述项目的所有数据，但我的问题是导航栏仍然存在并且没有消失，当我打开模式时如何让导航栏消失？有没有办法删除 class 并且当我关闭模式时， class 会出现以便导航栏继续？shows how the navigation bar appears when opening the modal
由于您使用的是 bootstrap，因此如果我们偏离 bootstrap 类.
，我们需要注意一些 z-index 属性
$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
对于您的情况，您需要在叠加层上应用 zindex-modal-backdrop 值 1040，以便它显示在菜单顶部。
我正在 React 中构建一个投资组合，我一直在其中使用我的固定导航栏，但我有另一个组件，它是另一个名为项目的页面，其中出现图像，当点击它们时出现模态给出了上述项目的所有数据，但我的问题是导航栏仍然存在并且没有消失，当我打开模式时如何让导航栏消失？有没有办法删除 class 并且当我关闭模式时， class 会出现以便导航栏继续？shows how the navigation bar appears when opening the modal
由于您使用的是 bootstrap，因此如果我们偏离 bootstrap 类.
，我们需要注意一些 z-index 属性$zindex-dropdown: 1000;
$zindex-sticky: 1020;
$zindex-fixed: 1030;
$zindex-modal-backdrop: 1040;
$zindex-offcanvas: 1050;
$zindex-modal: 1060;
$zindex-popover: 1070;
$zindex-tooltip: 1080;
对于您的情况，您需要在叠加层上应用 zindex-modal-backdrop 值 1040，以便它显示在菜单顶部。