React组件的状态信息有两种:props和state(两种信息都可以控制组件的渲染)
Props props是传入进组件的,类似于函数的形参;
1. props直接传入进组件(如图1-1以及图1-2)
图1-1 Props在类组件中的应用
图1-2 Props在函数组件中的应用
2. 组件有默认的props
图2-1 类组件中的props是默认的
3. Props是不可修改的,当传入进组件之后就不可以再修改了
State是在组件中创建的,它是可以修改的。
1. 在constructor()中创建state
图3-1 使用constructor创建state
2. 使用this.setState修改state的值
图3-2 使用this.setState修改state的值
两者的对比
图4 两者特性的比较