【学习react】react的setState函数的小bug的问题

前端之家收集整理的这篇文章主要介绍了【学习react】react的setState函数的小bug的问题前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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

@H_404_6@

以下是Form组件的截图
@H_404_6@

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

重点是子组件这个changeName函数

@H_404_6@

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

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

@H_404_6@

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

@H_404_6@

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

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

@H_404_6@

猜你在找的React相关文章