netNowork


id 10044


金仙巅峰 netNowork 不在线 22 hours 42 minutes 27 seconds 勤奋已达巅峰 研究生 移动端用户 276 仙灵石


注册时间:2019年05月30日 12:54

最后一次登录时间:2019年08月19日 13:40

最后一次在线时间:2019年08月19日 13:56

  • Ant Design Pro 企业级后台实战 #39 处理表格内容的显示(时间格式化)(第三更)

    您好,我有一个问题 修改本页的不是是setState? 哪如果想修改props 里面的值要怎么样 修改呢?

  • 朋友圈

    哈哈哈,我也等着更老板项目要用

  • 朋友圈

    出一点 组件嵌套 组合的用法吧

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #5 关于 footer 和 layout

    上面是错误的 ❌,不用模仿了 导入的时候注意一下就好了,

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #5 关于 footer 和 layout
    /**
     * Ant Design Pro v4 use `@ant-design/pro-layout` to handle Layout.
     * You can view component api by:
     * https://github.com/ant-design/ant-design-pro-layout
     */
    import ProLayout, { DefaultFooter } from '@ant-design/pro-layout';
    // 用js的朋友需要注意一下这里可能跟用ts 的导入方式不同 在外部导入 , { DefaultFooter }
    
    import React, { useEffect, useState } 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.png';
    
    // import { Icon, Layout } from 'antd';
    // import GlobalFooter from '@ant-design/pro-layout/lib/GlobalFooter';
    
    // const { Footer } = 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 defaultLinks = [
      {
        key: 'tile',
        title: 'tile',
        href: 'url',
        blankTarget: true,
      },
      {
        key: 'title',
        title: 'title',
        href: 'url',
        blankTarget: true,
      },
    ];
    const defaultCopyright = '写上你的footer';
    
    const footerRender = (_, defaultDom) => {
      if (!isAntDesignPro()) {
        return (
          <>
            <DefaultFooter
              links={defaultLinks} //进行绑定``` javascript
    
    
          copyright={defaultCopyright} //进行绑定
        />
      </>
    );
    

    }

    return (
    <>
    {defaultDom}





    </>
    );
    };

    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 =>
    dispatch &&
    dispatch({
    type: 'global/changeLayoutCollapsed',
    payload,
    });

    const [menuData, setMenuData] = useState([]);
    useEffect(() => {
    fetch('https://api.1km.im/jychannel/sel')
    .then(response => response.json())
    .then(data => {
    setMenuData(data.list || []);
    });
    }, []);

    return (
    {
    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={() => menuData}
      formatMessage={formatMessage}
      rightContentRender={rightProps => <RightContent {...rightProps} />}
      {...props}
      {...settings}
    >
      {children}
    </ProLayout>
    

    );
    };

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

  • Ant Design Pro 企业级后台实战 #42 前端发送请求带上分页的页数参数(第四更)

    有没有可能标题也从后端获取啊 ,获取过来的render 貌似没办法解析呀

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来

    还有一个方法是把ui层直接给搞了
    我用过一个方法

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来

    您可以设置一下反正我这边设置了,并且重新 start 页面右上角都还有 i18n 的选择.!

  • UmiJS & TypeScript & Ant Design Pro v4 从零开始实战教程 #1 开始玩起来

    官方在v2 版本做了一个开关的,所以觉得v4 版本应该也是有开关的吧

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:80

Top