我是靠谱客的博主 传统短靴,最近开发中收集的这篇文章主要介绍 【学习react】react的setState函数的小bug的问题,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

都知道react的setState函数是个异步函数,要执行相关操作需要使用回调的方式。
但是作为初学者,在写的过程中遇到了一个问题。

这是父组件,注意Form这个组件

父组件

以下是Form组件的截图
子组件

子组件Form里面的Input的Onchange事件触发,就setState,然后回调执行由父组件传进来的Props.onChange,同时将子组件的state作为参数。父组件打印这个参数。

重点是子组件这个changeName函数:

图片描述

讲道理,这样写应该没有问题。

但是,实际在执行的时候,打印出来却是onchange变化之前的state。

图片描述

然后,我想打印一下,看究竟是setState成功没有。就改了一下

图片描述

然后发现,这样写是可行的。然后我就糊涂了,为什么这样写可行,上边那种方式不可行呢?

我也不知道。
然后async/await的写法,也是可行的;

图片描述

最后

以上就是传统短靴为你收集整理的 【学习react】react的setState函数的小bug的问题的全部内容,希望文章能够帮你解决 【学习react】react的setState函数的小bug的问题所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(84)

评论列表共有 0 条评论

立即
投稿
返回
顶部