props和state相同点和不同点?render方法在哪些情况下会执行?

简介: props和state相同点和不同点?render方法在哪些情况下会执行?

props :


       1.是用来组件之前进入传递参数的


        2. props是从父组件向子组件传递参数的时候 子组件可以通过props来接收这个参数


        3. props是只读的不能修改 如果想要修改 只能去传递值的组件中去修改传递的参数


        4. 类组件通过 this.props 调用  函数组件 props作为函数组件的括号中的参数 通过 props调用


state :


       1. 是用来在组件中定义数据的


       2. 有state的组件称为受控组件


       3. state的值可以修改 类组件通过 this.setState 修改  函数组件则通过 hook useState的第二个参数 (修改值的函数) 来修改


       区别: 1. state在当前组件可以修改 props在当前组件不能修改


                   2. props用来接收传递的数据 state用来定义自己的数据


       render方法在什么时候会执行


       1. 在类组件调用setState之后会执行render


       2. 在函数组件的useState hook执行第二个参数 (修改函数)时会执行


       3. 当父组件的props调用后 所有传递了props的子组件都会触发render方法

相关文章
|
Prometheus 监控 关系型数据库
数据库同步革命:MySQL GTID模式下主从配置的全面解析
数据库同步革命:MySQL GTID模式下主从配置的全面解析
1406 0
|
安全 关系型数据库 MySQL
Nacos常见问题之登录报错如何解决
Nacos是一款易于使用的动态服务发现、配置管理和服务管理平台,针对不同版本可能出现的兼容性和功能问题,本汇总贴心整理了用户在使用Nacos时可能遇到的版本相关问题及答案,以便用户能够更顺畅地进行服务治理和配置管理。
2080 0
|
存储 算法 Python
【力扣算法13】之 12. 整数转罗马数字 python
【力扣算法13】之 12. 整数转罗马数字 python
272 0
|
SQL 数据库连接 数据库
学生管理系统错误(1)——“91”问题
学生管理系统错误(1)——“91”问题
260 0
|
2天前
|
弹性计算 运维 搜索推荐
三翼鸟携手阿里云ECS g9i:智慧家庭场景的效能革命与未来生活新范式
三翼鸟是海尔智家旗下全球首个智慧家庭场景品牌,致力于提供覆盖衣、食、住、娱的一站式全场景解决方案。截至2025年,服务近1亿家庭,连接设备超5000万台。面对高并发、低延迟与稳定性挑战,全面升级为阿里云ECS g9i实例,实现连接能力提升40%、故障率下降90%、响应速度提升至120ms以内,成本降低20%,推动智慧家庭体验全面跃迁。
|
3天前
|
数据采集 人工智能 自然语言处理
3分钟采集134篇AI文章!深度解析如何通过云无影AgentBay实现25倍并发 + LlamaIndex智能推荐
结合阿里云无影 AgentBay 云端并发采集与 LlamaIndex 智能分析,3分钟高效抓取134篇 AI Agent 文章,实现 AI 推荐、智能问答与知识沉淀,打造从数据获取到价值提炼的完整闭环。
351 91
|
10天前
|
人工智能 自然语言处理 前端开发
Qoder全栈开发实战指南:开启AI驱动的下一代编程范式
Qoder是阿里巴巴于2025年发布的AI编程平台,首创“智能代理式编程”,支持自然语言驱动的全栈开发。通过仓库级理解、多智能体协同与云端沙箱执行,实现从需求到上线的端到端自动化,大幅提升研发效率,重塑程序员角色,引领AI原生开发新范式。
851 156