🧐[问题]@ant-design/[email protected]版本，通过collapsedButtonRender实现自定义按钮，外部会包裹一层标签，如何去除外部包裹的标签。

[1029800858]

🧐 问题描述

由于需要实现类似以下效果

想通过collapsedButtonRender实现自定义按钮，通过绝对定位，定位至菜单右侧，但发现渲染后外部会包裹一层标签，渲染后的结果：

请问如何去除外部包裹的标签。

💻 示例代码

`

   <Prolayout
    logo={settings.titleIcon || logo}
    formatMessage={formatMessage}
    siderWidth={defaultSettings.siderWidth}
    {...props}
    {...settings}
    collapsed={collapsed}
    menuHeaderRender={(logoDom, titleDom) => (
      <Link to="/">
        {logoDom}
        {titleDom}
      </Link>
    )}
    fixedHeader={true}// 固定头部
    fixSiderbar={true}// 固定侧边栏
    headerRender={headerRender}
    onCollapse={handleMenuCollapse}

    menuItemRender={(menuItemProps, defaultDom) => {
      if (menuItemProps.isUrl || menuItemProps.children || !menuItemProps.path) {
        return defaultDom
      }
      return <Link to={menuItemProps.path}>
        {defaultDom}
      </Link>;
    }}

    itemRender={(route, params, routes, paths) => {
      const first = routes.indexOf(route) === 0;
      return first ? (
        <Link to={paths.join('/')}>
          {formatMessage({id:route.breadcrumbName})}
        </Link>
      ) : (
        <span>
          {formatMessage({id:route.breadcrumbName})}
        </span>
      );
    }}
    collapsedButtonRender={()=>(<Collapsed collapsed={collapsed}
      setCollapsed={setCollapsed}></Collapsed>)}
    menuFooterRender={(props) => {
      console.log("menuFooterRender::",props)
      if (props?.collapsed) return undefined;
      return (
        <div className="pt-4 border-t border-white/20">
      <div className="flex items-center p-2 mb-2">
        <div className="w-8 h-8 rounded-full bg-white/20 flex items-center justify-center">
          <UserOutlined />
        </div>
        <span className="ml-2">用户名称</span>
      </div>
      <div className="flex items-center p-2">
        <i className="fas fa-globe mr-2"></i>
        <span>语言</span>
      </div>
      <div className="flex items-center p-2">
        <i className="fas fa-sign-out-alt mr-2"></i>
        <span>退出登录</span>
      </div>
    </div>
      );
    }}
    footerRender={footerRender}
    menuDataRender={menuDataRender}
    rightContentRender={() => <RightContent />}
    >
      <Authorized authority={authorized!.authority} noMatch={noMatch}>
      {children}
      </Authorized>
    </ProLayout>

`

🚑 其他信息