ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

State和Props的区别

2021-11-30 09:31:18  阅读:120  来源: 互联网

标签:count 异步 函数 区别 state State Props 组件 setState


1. props是组件对外的接口,用于组件之间的传值,props在组件内部是不可修改,可以看作只读属性。

2. state可以看作组件的私有属性,用于组件内部的数据传递。

3. state可在组件内进行修改,state初始化的地方是在constructor()构建函数中,组件内修改必须使用setState()函数。

4.  说到setState()不得不再啰嗦几句。react的面试面试官经常会问setState()是同步还是异步?既然这么问了那当然是异步啦。

5. setState是异步更新,同步执行,因为react中会将多个setState合并在一起处理,从而提升程序的性能,这就是react高明的其中一点。

6. 所以在编写程序时我们不能依赖于当前的state去计算下一个state。因为异步所以this.state不一定是最新的组件属性值。

7. 对于以上问题是否有解决办法?那肯定有呀。

8. 既然是异步,那肯定就有回调函数,说到回调函数相比大家都知道解决办法啦。

9. 那setState()函数的回调函数在哪呢,这个大家应该都知道,但是我就是想写。

10. setState()函数有两个参数,第一个我就不赘述了,第二个就是它的回调啦。

 this.setState({count:this.state.count+1}, ()=>{             console.log("count ",this.state.count);           });  

标签:count,异步,函数,区别,state,State,Props,组件,setState
来源: https://www.cnblogs.com/damengmeng/p/15622665.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有