为什么在我的ant设计中defaultOpenKeys不能工作？
提问于 2019-12-04 09:00:18
我使用Ant Design ->菜单/子菜单。
我编写了我的自定义函数组件CustomSubMenu，它只显示Ant SubMenu并在包装器组件菜单中使用它，但prop defaultOpenKeys对它不起作用。
如果将defaultOpenKeys={["sub1"]}更改为defaultOpenKeys={["sub2"]}，它将起作用，但不适用于defaultOpenKeys={["sub1"]}
你能解释一下，为什么和如何解决这个问题吗？
回答 1
Stack Overflow用户
回答已采纳
发布于 2019-12-04 09:11:52
需要在CustomSubMenu组件中添加key属性。
<CustomSubMenu key='sub1' />然后
const CustomSubMenu = ({ ...props }) => {
return (
<Menu.SubMenu title={<span>Navigation One</span>} {...props}>
<Menu.Item key="5">Option 5</Menu.Item>
<Menu.Item key="6">Option 6</Menu.Item>
</Menu.SubMenu>
);
};在后面的代码中
<>
<Menu defaultOpenKeys={["sub1"]} mode="inline" theme="dark">
<Menu.Item key="1">
<span>Option 1</span>
</Menu.Item>
<CustomSubMenu key='sub1' />
<SubMenu key="sub2" title="Submenu">
<Menu.Item key="11">Option 11</Menu.Item>
<Menu.Item key="12">Option 12</Menu.Item>
</SubMenu>
</Menu>
</>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/59172257
复制相关文章
腾讯云开发者
