Javascript 默认情况下如何隐藏侧栏?
我想知道,默认情况下如何隐藏侧边栏菜单?当我刷新窗口时,我希望侧边栏被隐藏/折叠。如果没有状态控制,您将获得属性 defaultCollapsed-设置初始状态-类型:boolean-默认值:false 在受控状态下,仅定义状态的初始值:Javascript 默认情况下如何隐藏侧栏?,javascript,reactjs,antd,Javascript,Reactjs,Antd,我想知道,默认情况下如何隐藏侧边栏菜单?当我刷新窗口时,我希望侧边栏被隐藏/折叠。如果没有状态控制,您将获得属性 defaultCollapsed-设置初始状态-类型:boolean-默认值:false 在受控状态下,仅定义状态的初始值: const [isCollapsed, setIsCollapsed] = useState(true); 如果要“记住”刷新页面后的最后一个侧边栏状态,请使用 /@utils.js export const setLSItem=(str,object)=>
const [isCollapsed, setIsCollapsed] = useState(true);
如果要“记住”刷新页面后的最后一个侧边栏状态,请使用
/@utils.js
export const setLSItem=(str,object)=>window.localStorage.setItem(str,object);
export const getLSItem=str=>window.localStorage.getItem(str);
export const getbooleanlistem=str=>{
const storageItem=getLSItem(str);
return-storageItem=='true'| |!storageItem?true:false;
};
//自定义钩子代码
常量LeftCollapseInitial=
getBooleanLSItem(本地存储键。左侧侧栏可见)
常量useLeftSidebar=()=>{
const[isCollapsed,setIsCollapsed]=使用状态(leftCollapsedInitial);
//更改时更新本地存储
useffect(()=>{
setLSItem(本地存储键。左侧侧栏可见,已合并);
},[isCollapsed]);
返回[isCollapsed,setIsCollapsed];
}
从文档中可以使用defaultCollapsed。您还可以使用collapsed={true/false}使state togle打开/关闭sider
<Sider defaultCollapsed={true} />
这是针对组件的。我指的是用于导航的侧边菜单栏。谢谢谢谢你的回复!