![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
洋羊羊羊葱
这个作者很懒,什么都没留下…
展开
-
使用Ant Design做多条件搜索时,第一次点击查询按钮,页面会刷新一次,第二次点击则正常查询显示。问题解决方案。
问题:使用Ant Design做多条件搜索时,第一次点击查询按钮,页面会重新加载一次,第二次点击则正常查询显示。排查过程:首先看搜索按钮点击触发的时候有无循环,有时候死循环会导致这个问题。 是否频闭按钮本身的事件。(博主就是这个错)查了很多资料,最后知道Ant Design的按钮会有一个本身的事件,完美需要执行自己方法的时候需要屏蔽它。只需要在搜索的方法的第一行加入e.prevent...原创 2020-03-26 10:47:57 · 1480 阅读 · 1 评论 -
Ant Design和React,在页面中使用window.open(“XXX")打开页面,迅速关闭后页面卡死的问题解决
问题描述:在页面A中window.open("XXX")打开一个页面B,在页面B没有请求完接口时,迅速关闭页面B,导致页面A卡死。页面B在关闭时会向页面A发送消息,让页面A刷新页面。浏览器:Google解决方案:将页面B嵌套在页面C中,页面C只有iframe。这样关闭就没有问题了。具体实现:话不多说,上代码。页面C代码import React from 'react'...原创 2020-03-20 17:58:29 · 2990 阅读 · 2 评论 -
分享一下学习React和Ant Design的数据流向和学习过程中踩到的坑
一. 数据流向 数据流向总结:通过事件调用model的effect model调用统一管理的service请求函数 使用封装的request.js发送请求 获得服务器返回 调用render改变state 更新model二. 踩到的坑 1.getFieldDecorator未定义的问题。 答:...原创 2020-03-05 17:44:06 · 212 阅读 · 0 评论 -
Ant Design的TreeSelect支持多选和搜索功能,如果查询不到,则搜索框不能清除的问题处理。
树型选择控件多选支持搜索的时候,输入文字,匹配不到数据的时候,失去焦点或者提交表单的时候清空输入的查询文字.问题如下截图:想要的结果如下:解决方案:在AntD的Select中,当失去焦点切未查询到数据时,会自动清空搜索框的值。地址:Antd Select在实现这个过程中,也踩了不少坑。仔细读过TreeSelect的API之后发现了一个属性,叫做searchValue。s...原创 2020-03-05 17:20:00 · 8729 阅读 · 12 评论