React 组件的 state 和 props 有什么区别

类别：react / 日期：2022-12-26 / 浏览：270 / 评论：0

（1）props

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

（2）state 

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

（3）区别 

props 是传递给组件的（类似于函数的形参），而 state 是在组件 内被组件自己管理的（类似于在一个函数内声明的变量）。 props 是不可修改的，所有 React 组件都必须像纯函数一样保护它 们的 props 不被更改。-react

state 是在组件中创建的，一般在 constructor 中初始化 state。 state 是多变的、可以修改，每次 setState 都异步更新的。