世界上最伟大的投资就是投资自己的教育
全场限时 5 折
所有回复
2019-07-29
2019-07-26
-
老师,能否讲讲如何做自定义组件呢?我想做一个图片验证码组件,用于登录页面。谢谢。
22:18 -
对 随风 · 练气 回复
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/204 可以是 200 的返回状态码,都是代表成功
哦哦谢谢谢谢, 知道了知道了, 还搞明白他们之间的区别了, 嘻嘻
20:45 -
对 chloris · 合体 回复
请问一下, 上节视频的 post 请求添加数据 和 这节课的 put 请求编辑数据, 调接口的时候都会有出现 http 204 想想, 这是什么原因造成的呢
https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Status/204 可以是 200 的返回状态码,都是代表成功
20:24 -
对 随风 · 练气 回复
请问一下, 上节视频的 post 请求添加数据 和 这节课的 put 请求编辑数据, 调接口的时候都会有出现 http 204 想想, 这是什么原因造成的呢
20:13 -
上面是错误的 ❌,不用模仿了 导入的时候注意一下就好了,
18:59 -
/** * 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 (
style={{
<>
{defaultDom}
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 =>
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 (
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={() => menuData} formatMessage={formatMessage} rightContentRender={rightProps => <RightContent {...rightProps} />} {...props} {...settings} > {children} </ProLayout>
);
};export default connect(({ global, settings }) => ({
collapsed: global.collapsed,
settings,
}))(BasicLayout);18:58 -
有没有可能标题也从后端获取啊 ,获取过来的 render 貌似没办法解析呀
18:04 -
哦哦哦,来了来了, 学学学!
17:16
2019-07-25
-
还有一个方法是把 ui 层直接给搞了
我用过一个方法23:10 -
对 黄金雨 · 练虚 回复
貌似删除官方命令改成了 yarn run uni18n ,https://github.com/ant-design/ant-design-pro/pull/4814
23:01 -
对 黄金雨 · 练虚 回复
貌似删除官方命令改成了 yarn run uni18n ,https://github.com/ant-design/ant-design-pro/pull/4814
更新了最新的版本试了下,package.json 文件里还是这个命令,查看源码里面好像也是这个,不知道他这个 pr 有没有进来22:59 -
对 lolotang · 凡人 回复
i18n 可以考虑直接用官方提供的命令直接删除 npm run i18n-remove
国内的项目基本都用不上貌似删除官方命令改成了 yarn run uni18n ,https://github.com/ant-design/ant-design-pro/pull/4814
22:25 -
对 lolotang · 凡人 回复
其实可以直接引用封装好的 DefaultFooter,通过修改 DefaultFooter 的属性去改 footer 的显示,感觉这样会优雅很多
good
22:21 -
其实可以直接引用封装好的 DefaultFooter,通过修改 DefaultFooter 的属性去改 footer 的显示,感觉这样会优雅很多
21:53 -
对 lolotang · 凡人 回复
开关试过确实没用,全局搜索 SelectLang 找到引入这个组件的地方删掉,右上角的选项就没了
确实是的,那个 enable 开关是没用的,源码没任何体现
20:47 -
开关试过确实没用,全局搜索 SelectLang 找到引入这个组件的地方删掉,右上角的选项就没了
20:45 -
对 netNowork · 合体 回复
您可以设置一下反正我这边设置了,并且重新 start 页面右上角都还有 i18n 的选择.!
嗯,那到时再说吧
18:34 -
对 随风 · 练气 回复
您可以设置一下反正我这边设置了,并且重新 start 页面右上角都还有 i18n 的选择.!
18:29 -
对 netNowork · 合体 回复
官方在 v2 版本做了一个开关的,所以觉得 v4 版本应该也是有开关的吧
18:24 -
官方在 v2 版本做了一个开关的,所以觉得 v4 版本应该也是有开关的吧
18:14 -
有更新了,学鸭!
17:02 -
最后把页面中引入的 SelectLang 组件删掉
01:22
© 汕尾市求知科技有限公司 | Rails365 Gitlab | Qiuzhi99 Gitlab | 知乎 | b 站 | 搜索
粤公网安备 44152102000088号 | 粤ICP备19038915号
Top