世界上最伟大的投资就是投资自己的教育

全场限时 5 折

liji0565


id 12750


投资者 2 hours 18 minutes 16 seconds 弟子 大学生


  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程

    老师,如何去除页脚,我用视频的方式只能覆盖,无法去除,就算将很多注释掉,页脚还是存在
    import ProLayout, { SettingDrawer,DefaultFooter} from '@ant-design/pro-layout';
    import React, { useEffect } from 'react';
    import Link from 'umi/link';
    import { connect } from 'dva';
    import { formatMessage } from 'umi-plugin-react/locale';
    import Authorized from '@/utils/Authorized';
    import RightContent from '@/components/GlobalHeader/RightContent';
    import { isAntDesignPro } from '@/utils/utils';
    import logo from '../assets/logo.svg';
    // import {DefaultFooter} from "@ant-design/pro-layout";

    /**

    • use Authorized check all menu item */

    const menuDataRender = menuList =>
    menuList.map(item => {
    const localItem = { ...item, children: item.children ? menuDataRender(item.children) : [] };
    return Authorized.check(item.authority, localItem, null);
    });

    const links = [
    {
    key: '',
    title: '',
    href: '',
    blankTarget: true,
    },
    {
    key: '',
    title: '',
    href: '',
    blankTarget: true,
    },
    ];

    const copyright = '';

    //所有 footerRender 都注释掉,页脚还是存在,找不到页脚是在哪里引入的
    const footerRender = (_, defaultDom) => {
    if (! isAntDesignPro()) {
    // return defaultDom;
    return ( <>

    </>
    )
    }

    // return (
    // <>
    // {defaultDom}
    //

    // style={{
    // padding: '0px 24px 24px',
    // textAlign: 'center',
    // }}
    // >
    //
    // // src="https://www.netlify.com/img/global/badges/netlify-color-bg.svg"
    // width="82px"
    // alt="netlify logo"
    // />
    //

    //
    // </>
    // );
    }
    const BasicLayout = props => {
    const { dispatch, children, settings } = props;
    /**
    • constructor */

    useEffect(() => {
    if (dispatch) {
    dispatch({
    type: 'user/fetchCurrent',
    });
    dispatch({
    type: 'settings/getSetting',
    });
    }
    }, []);
    /**

    • init variables */

    const handleMenuCollapse = payload => {
    if (dispatch) {
    dispatch({
    type: 'global/changeLayoutCollapsed',
    payload,
    });
    }
    };

    return (
    <>
    logo={logo}
    onCollapse={handleMenuCollapse}
    menuItemRender={(menuItemProps, defaultDom) => {
    if (menuItemProps.isUrl) {
    return defaultDom;
    }

          return <Link to={menuItemProps.path}>{defaultDom}</Link>;
        }}
        breadcrumbRender={(routers = []) => [
          {
            path: '/',
            breadcrumbName: formatMessage({
              id: 'menu.home',
              defaultMessage: 'Home',
            }),
          },
          ...routers,
        ]}
        itemRender={(route, params, routes, paths) => {
          const first = routes.indexOf(route) === 0;
          return first ? (
            <Link to={paths.join('/')}>{route.breadcrumbName}</Link>
          ) : (
            <span>{route.breadcrumbName}</span>
          );
        }}
        footerRender={footerRender}
        menuDataRender={menuDataRender}
        formatMessage={formatMessage}
        rightContentRender={rightProps => <RightContent {...rightProps} />}
        {...props}
        {...settings}
      >
        {children}
      </ProLayout>
      <SettingDrawer
        settings={settings}
        onSettingChange={config =>
          dispatch({
            type: 'settings/changeSetting',
            payload: config,
          })
        }
      />
    </>
    

    );
    };

    export default connect(({ global, settings }) => ({
    collapsed: global.collapsed,
    settings,
    }))(BasicLayout);

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程

    老师,请问如何去除全局页脚,我用视频的方法可以覆盖,但是无法去除

© 汕尾市求知科技有限公司 | Rails365 Gitlab | Qiuzhi99 Gitlab | 知乎 | b 站 | 搜索

粤公网安备 44152102000088号粤公网安备 44152102000088号 | 粤ICP备19038915号

Top