Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 默认情况下如何隐藏侧栏?_Javascript_Reactjs_Antd - Fatal编程技术网

Javascript 默认情况下如何隐藏侧栏?

Javascript 默认情况下如何隐藏侧栏?,javascript,reactjs,antd,Javascript,Reactjs,Antd,我想知道,默认情况下如何隐藏侧边栏菜单?当我刷新窗口时,我希望侧边栏被隐藏/折叠。如果没有状态控制,您将获得属性 defaultCollapsed-设置初始状态-类型:boolean-默认值:false 在受控状态下,仅定义状态的初始值: const [isCollapsed, setIsCollapsed] = useState(true); 如果要“记住”刷新页面后的最后一个侧边栏状态,请使用 /@utils.js export const setLSItem=(str,object)=>

我想知道,默认情况下如何隐藏侧边栏菜单?当我刷新窗口时,我希望侧边栏被隐藏/折叠。

如果没有状态控制,您将获得属性

defaultCollapsed-设置初始状态-类型:boolean-默认值:false

在受控状态下,仅定义状态的初始值:

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} />


这是针对组件的。我指的是用于导航的侧边菜单栏。谢谢谢谢你的回复!