React+Antd-Mobile遇到的问题记录

最新推荐文章于 2025-05-22 18:08:15 发布

原创最新推荐文章于 2025-05-22 18:08:15 发布 · 541 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #react.js

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，防止用户在等待期间进行其他操作