React中state与props比较
来源:互联网 发布:word2016 for mac 编辑:程序博客网 时间:2024/06/01 08:19
state 的主要作用是用于组件保存、控制、修改自己的可变状态。state 在组件内部初始化,可以被组件自身修改,而外部不能访问也不能修改。你可以认为 state 是一个局部的、只能被组件自身控制的数据源。state 中状态可以通过 this.setState 方法进行更新,setState 会导致组件的重新渲染。
props 的主要作用是让使用该组件的父组件可以传入参数来配置该组件。它是外部传进来的配置参数,组件内部无法控制也无法修改。除非外部组件主动传入新的 props,否则组件的 props 永远保持不变。
state 和 props 有着千丝万缕的关系。它们都可以决定组件的行为和显示形态。一个组件的 state 中的数据可以通过 props 传给子组件,一个组件可以使用外部传入的 props 来初始化自己的 state。但是它们的职责其实非常明晰分明:state 是让组件控制自己的状态,props 是让外部对组件自己进行配置。
如果你觉得还是搞不清 state 和 props 的使用场景,那么请记住一个简单的规则:尽量少地用 state,尽量多地用 props。
没有 state 的组件叫无状态组件(stateless component),设置了 state 的叫做有状态组件(stateful component)。因为状态会带来管理的复杂性,我们尽量多地写无状态组件,尽量少地写有状态的组件。这样会降低代码维护的难度,也会在一定程度上增强组件的可复用性。前端应用状态管理是一个复杂的问题,我们后续会继续讨论。
原文:胡子大哈
原文链接: http://huziketang.com/books/react/lesson12
- React中state与props比较
- React中state与props介绍与比较
- React中state与props介绍与比较
- React之 Props与State
- react中props和state属性
- React中的state&props
- React 4 props & state
- React的数据载体state、props与context
- 【React】对于props 与 state的一点总结
- react中 state 和 props 主要的区别
- React学习笔记---Props&State
- React Native State和Props
- React(props+state+组件生命周期)
- [React-Native]Props和State
- React中的props和state
- React的props和state
- React中的props和state
- props与state
- 数组 阶乘 循环 20170723
- HANDLE句柄初识和颜色相关
- python中 list和tuple 、dict和set区别
- iOS开发- 添加地址从通讯录中选择添加(firstName,lastName真机为nil,模拟器正常)
- Dropwizard与Spring Boot比较
- React中state与props比较
- 今天用到的几个字符串处理函数
- 盒子模型详解
- iPhone手机数据找回指南1:找回图片、短信、通讯录等数据
- maven 整合支付宝,导入alipay-sdk-java包到本地仓库
- php版-阿里大于短信验证码服务教程
- js 显示当天日期 格式 数组的用法有感触
- linux的history命令显示操作用户、显示操作时间、命令
- ceph常用命令