React 疑难点-Props和State的区别
2017-07-28 14:45
399 查看
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方法都可能会被执行。
相关文章推荐
- state和props的区别__react
- React中state和props的区别
- react中 state 和 props 主要的区别
- React Native 之 State 的ES5 与ES6 写法区别
- React中state与props介绍与比较
- React 的数据载体:state、props、context
- React 语法一:React.createClass()、ReactDOM.render()、props、state和componentDidMount()
- React Native State和Props
- React中prop和state的区别
- React的props和state
- ReactNative之从HelloWorld中看环境搭建、组件封装、Props及State
- React 博客系列 (2) React中的state和props更新
- props与state的区别
- React中state与props比较
- React中的state&props
- 简述React Native中的state,props和成员变量
- React中state和props
- 通过props和state实现React子父组件传参
- React依赖注入说明(mapStateToProps/mapDispatchToProps)
- React基础语法 state和props初始化方式