![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
不知香
无风不起浪,沉寂不知香
展开
-
[React]页面第一次渲染,请求还没有拿到数据,页面可能会报undefined
如题,在useEffect中发请求,拿数据,渲染页面,一套操作行云流水。结果一刷新,噶,报undefined了,渲染列表是空的。此时会发现,除了刷新,进行其他影响页面的操作,致使页面第二次渲染,就会拿到数据,页面也就正常显示了。解决思路:render列表或组件前加个loading状态,设置初始值为true,数据为空时显示loading,获取数据后更改为false,渲染列表或组件。问题出现的原因就在于第一次render时,数据列表是空的。原创 2023-08-02 18:38:27 · 913 阅读 · 0 评论 -
[React]关于useEffect初次渲染拿不到值的问题
所以,当我点击时,页面会去获取此时数据,然后,然后,然后,我的useEffect执行辣!其实到这里,问题点已经浮现出来了,注意我的useEffect函数,嗯,是的,是componentDidMount形式的写法,在页面挂载完毕后再去执行里面的逻辑操作,而这里面最重要的函数就是getCartList,这是获取购物车列表的方法,也是更新页面的方法。所以每次页面显示的都是上一次的数据,而此时的数据其实已经更新了,所以当下一次更新页面时,拿取的数据是上一次更新结束的数据。就是这样,形成了一个延迟的画面,😂。原创 2023-07-21 20:55:45 · 885 阅读 · 1 评论 -
[React]列表页下滑加载,每次刷新请求会多次发起
原来loadMore函数会在一开始的时候会执行一次,这时就会更新page状态,继而触发useEffect函数,因为useEffect中还写了请求,所以就会连携触发导致一系列的问题。但是发现第一次加载页面、每次刷新页面都会发起很多次请求(拉取列表数据的请求),更是在下滑到底时,会一次性发起很多的请求,页面就会显示第10页的数据(页数限制到了10)。页面实现下滑加载更多,原意是想用useEffect依赖page数据,每次下滑时触发loadMore函数,在函数中更新page的状态,继而实现下滑加载。原创 2023-07-21 20:22:53 · 551 阅读 · 1 评论 -
关于react-redux修改数据页面没有即时渲染问题
react-redux修改数据页面没有重新渲染原创 2023-07-15 11:18:08 · 488 阅读 · 1 评论