React+Antd-Mobile遇到的问题记录
1、Input的Maxlength在手机上用拼音键盘输入字母时无效,onChange时截取字符 slice(0, 30)
2、遇到输入变化请求接口的情况时,一定要增加防抖,防止下个接口请完了,上个接口还没请求完,导致setState赋值无效,视图不更新的问题
const queryCountry = useCallback(debounce(async (value) => {
// 这里是接口请求
}, 500), []);
// 调用方法 queryCountry(‘xxxx’);
useEffect(() => {
return () => {
queryCountry.cancel() }
}, []);
3、Pciker组件选中后,再次回显时,没有回显。解决方法:value绑定的值 一定是个数组。
4、DatePciker组件 默认只能选择十年,这个以后要注意。
5、Popover组件在Mask组件内使用时,点击空白中,弹窗不能自动关闭。解决:在Mask组件的下一级增加一个div,绑定点击事件进行关闭Popover弹窗
6、移动端上传文件限制,使用accept方法时,手机选取文件时会限制默认只能在某个文件下选取,造成不便。解决:使用beforeUplaod方法判断文件类型,并拦截
7、在进行需要loading操作时,一定要增加不可点击背景的loading,防止用户在等待期间进行其他操作