React 疑难点-Props和State的区别
来源:互联网 发布:php工作流引擎 编辑:程序博客网 时间:2024/06/06 21:00
React 疑难点-Props和State的区别
从一开始学习React或者React-Native就对 props和state有着很大的疑惑,它们之间究竟有什么区别?又该怎么使用它们呢?
- props:props是一个组件的设置参数,可以在父控件中选择性设置。父组件对子控件的props进行赋值,并且props的值不可改变。一个子控件自身不能改变自己的 props。
- state:当一个组件 mounts的时候,state如果设置有默认值的会被使用,并且state可能时刻的被改变。一个子控件自身可以管理自己的state,但是需要注意的是,无法管理其子控件的state。所以可以认为,state是子控件自身私有的。
总结的来说,props是一个父组件传递给子组件的数据流,可以一直的被传递到子孙组件中。然而 state代表的是子组件自身的内部状态。从语义上讲,改变组件的状态,可能会导致dom结构的改变或者重新渲染。而props是父组件传递的参数,所以可以被用于初始化渲染和改变组件自身的状态,虽然大多数时候组件的状态是又外部事件触发改变的。我们需要知道的是,无论是state改变,还是父组件传递的 props改变,render方法都可能会被执行。
阅读全文
0 0
- React 疑难点-Props和State的区别
- React props和state的区别
- React props和state的区别
- React的props和state
- react中 state 和 props 主要的区别
- props和state的区别
- 浅谈React的props和state
- React Native State和Props
- [React-Native]Props和State
- React中的props和state
- React中的props和state
- state和props的区别__react
- react-native的props和state的使用
- react中props和state属性
- React中的state和props分析
- props与state的区别
- React 的数据载体:state、props、context
- React中的state&props
- Java学习【经典面试题: 写出你见过的运行时异常。】
- numpy中的基本数据类型
- ScrollView 源码分析(二)
- 20170728学习问题
- 如何利用opencv c++徒手写BP神经网络识别数字(一)前言及准备
- React 疑难点-Props和State的区别
- swift_037(Swift之Swift和OC混编)
- 如何加入统计概率思维社群?
- 前端常见算法的JS实现
- MySQL必知必会笔记(六)插入数据 创建和操纵表
- mysql消息队列/定时任务实现思路(一)
- Http请求接口HttpClient
- 阿里RocketMQ源码启动服务
- 【git】代码提交冲突