React Prop与state爬坑之旅

一.近来在研究react框架，根据自己的爬坑经验总结的一篇文章，希望对初学者产生一定的帮助

二.在react官网中解释是这样的：prop里面放着初始化的数据，一直不变的，state放着要改变的数据

我的理解是这样的：父类中的prop数据不能通过自我本身改变，也不能通过子类prop改变，这时我们就需要借助state来修改我们传入的prop值，达到页面重新渲染的效果

Prop：

总结：

props是一个从外部传进组件的参数，主要作为就是从父组件向子组件传递数据，它具有可读性和不变性，只能通过外部组件主动传入新的props来重新渲染子组件，否则子组件的props以及展现形式不会改变

State:

总结：

一个组件的显示形态可以由数据状态和外部参数所决定，外部参数也就是props，而数据状态就是state

首先，在组件初始化的时候，通过this.state给组件设定一个初始的state，在第一次render的时候就会用这个数据来渲染组件

state的主要作用是用于组件保存、控制以及修改自己的状态，它只能在constructor中初始化，它算是组件的私有属性，不可通过外部访问和修改，只能通过组件内部的this.setState来修改，修改state属性会导致组件的重新渲染。

转载于原博客文章：https://www.cnblogs.com/yuerdong/p/10477338.html