随笔分类 - ant Design
摘要:最近在做项目的时候遇到内网部署react + antd项目,遇到图标在都不显示,查了相关文档发现antd在引入一些样式中使用了http线上图标,找到后该成本地的iconfont即可 可以在打包后的.css文件中全局搜索https,或者在main.js中搜索页可找到: 替换为本地的路径(例如:../.
阅读全文
摘要:在开发过程中,经常遇到组件数据无法更新,例如:当你用同一个表格展示不同数据的时候,当点击第5页后,再点击另外一份数据时发现还在第五页,并没有回到第一页。 怎么能让一个组件每次数据不一样时都重新加载呢,这样可以使用组件中的 key 值设置,给对应需要更新的组件设置一个 key 属性,key只要是唯一的
阅读全文
摘要:最近在有网页打印需求,尝试了一下react的打印功能,遇到了不少的坑: 1.react本身有一些打印的组件,但都不好用,都是基于window.print(),但是window.print()如果直接打印的话,没有样式。处理直接当前网页的body设置为你要打印的区域,但是当你取消打印的时候你会发现整个
阅读全文
摘要:做项目的过程中,来回切换页面时,一直遇到Can only update a mounted or mounting component 这个问题,原因是当离开页面以后,组件已经被卸载,执行setState时无法找到渲染组件。 解决办法特别简单,在离开页面时的周期函数(componentWillUnm
阅读全文
摘要:最近开发太忙,都没时间更新博客,想通过这篇博客总结一下相关经验,以备后续能用到: 一、antd 1.onChange of undefined问题:可能是页面中表单取了相同的名称,也可能是在遍历时表单的父元素未设置唯一key。 Cannot read property 'filter' of und
阅读全文
摘要:之前的几篇博客是将flask 结合 antd本地化,但是这样使得antd无法按需加载(也不支持ES6的语法),而且在写的过程中还需要把每个组件都用antd对象,这样的做法虽然是实现了antd的本地化,但是无法最大化的使用antd组件库,最好的方式就是官网上的组件代码直接拿过来用就行,今天所做的就是这
阅读全文
摘要:这两天在研究flask和antd,想把这俩个东西结合来使用,单独学antd的时候用的是dva来配置,但是发现这样与flask结合的话需要启动两个服务,作为flask只是作为数据的接口,并没用用到其强大的模板渲染功能,所以最后还是想能本地化antd,把它当做只是一个ui组件库来用的话可能就能实现了。下
阅读全文
摘要:一直想着能本地化antd的,不用npm以及dva那么复杂的配置环境来开发,并且本地化以后对以后链接flask的模板渲染机制也能很好的结合。下面是具体的实现方法: 1.将react的相关链接引入: 也可以用cdn的链接,我以及将react下到本地使用了,链接可能比较卡。 2.将antd引入,只需要下面
阅读全文
摘要:今天实现了antd作为前端展现,python flask作为后端的数据填充,完全两个独立的服务;过程中遇到ajax跨越请求问题,导致status一直等于0,原来是这么写的: 被解析为跨越访问了,这个时候需要在dva中添加代理才能访问,方法如下: 修改.roadhogrc文件: 添加完红色部分代码以后
阅读全文
摘要:今天折腾了半天,各种安装问题,最终还是装上了: 1.安装npm 2.升级npm 输入npm -v,即可看到当前npm的版本号,说明安装成功了。 3.安装用于安装nodejs的模块n 4.n模块安装指定版本的nodejs 输入命令node -v,可看node.js的安装版本。 下面就是跟着antd的官
阅读全文

浙公网安备 33010602011771号