react中props和state有哪些区别

这篇文章将为大家详细讲解有关react中props和state有哪些区别，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

react中props和state的区别：1、props主要是用于组件之间传递参数，获取组件的属性值，对于外界组件的属性值，无法直接修改，它是只读的；2、state主要用于组件更新控制，如果想重新渲染或更新组件，只需要修改state即可。

react中props和state的区别：

props

主要是用于组件之间传递参数，获取组件的属性值。 组件之间数据单向流动 ，从父组件流向子组件。

对于外界/父组件的属性值，无法直接修改，它是只读的。

state

主要用于组件更新控制，如果想重新渲染或更新组件，只需要修改state即可，然后根据具体修改的state,

重新渲染用户界面（无需操作DOM对象）；

本组件内的数据   相对封闭的单元/结构的数据

例如

创建了  LikeButton  组件，getInitialState 方法用于定义初始状态，也就是一个对象，这个对象可以通过 this.state 属性读取。当用户点击组件，导致状态变化，this.setState 方法就修改状态值， 每次修改以后，自动调用 this.render 方法，再次渲染组件。

关于react中props和state有哪些区别就分享到这里了，希望以上内容可以对大家有一定的帮助，可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到。