Ant design pro删除BasicLayout国际化/帮助/顶部搜索

最近学了下react那一套东西,从react的官方文档和官方示例开始看起,感觉官方文档写得相当详实漂亮,由浅入深让人很容易接受。但想着国内可是有antd这么牛逼的轮子,作为react的UI组可是世界第二的存在(star数),肯定要支持一下学学啦,然后开始了极让人自闭的ant design之旅。

以前写前端都是用的传统的后端渲染template方式,用了大批的js插件,前端的东西就jquery一把梭,学react这样的框架的时候还是很有新鲜感的。ant design先走了一趟官方的实践文档,过程中跟着走了一趟umi和dva的文档,不能说很懂,但大致还是看的明白的,全家桶这样的东西好用的话也没什么问题,然后开始看antd pro这个官方的脚手架。

这个时候突然想起以前还关注过同样是阿里出的icework飞冰,觉得说不定能提升开发效率,下了个玩玩,基本上没发现有什么卵用。而且不同文档和应用中光创建一个项目的方式就很五花八门了,antd官方实践文档一个样,antd pro一个样,icework飞冰一个样,用的组件也有些不同,但又有些一致的,总之整的人糊涂。我也是真心不懂国内搞这么多千奇百怪的前端工具干啥,最后还是用的antd pro官方文档的方式。

跟着antd pro官方文档过了一遍,打算就用普通的BasicLayout布局,但这时候突然发现官方文档里根本没提ProLayout布局的api啥的。比如,怎么删掉右上角的国际化?第一反应,先查查谷歌,查到一堆issue说要手动删全部引用的代码...太牛了..感觉又是装了一个全家桶的感觉。跑去ant-design-pro-layout官方github看了下api说明,也不知道是啥时候更新的,和我最新创建的项目都不一致。比如有个rightContentRender,在官方文档根本查不到这到底是个啥。然后继续谷歌,哦,查到个issue说headerRender现在支持两个参数,rightContentRender是其中之一,就是右上角的那些鬼东西。

终于查到了,原来这个rightContentRender就是右上角功能栏。然后代码里这里是填充了RightContent组件,引用自"@/components/GlobalHeader/RightContent",跑去这个文件里看了看,果然。把"@/components/GlobalHeader/RightContent"中不需要的部分删掉,右上角那些东西就总算是没了。

然后这个时候进随便啥自己写的页面,只要用了ProLayout又没有写国际化内容就会疯狂error,这个时候去BasicLayout.jsx里把所有formatmessage相关内容全部删完就行了。

首先,这种前后端分离的单页前端开发框架确实以前没用过,是个新手,但是站在新手视角,antd pro的官方文档真的写得烂。而且作为一个颜控,国内的这些前端UI还是比国外的要丑,比如以往用的bootstrap就是很漂亮,比如material ui也漂亮。

最后给react的官方实践文档点赞。

一点初学者的小记录。

“Ant design pro删除BasicLayout国际化/帮助/顶部搜索”的一个回复

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注