不同点:
Props(属性)是从父组件传递给子组件的,组件内部无法直接修改 值。Props是只读的。用于存储组件外部的数据,应该被视为不可变的。是由父组件传递下来的,遵循单向数据流的原则。
State(状态)是组件内部管理的数据,可以通过setState()方法进行修改。State是可变的。用于存储组件内部的状态数据,可以在组件内部进行修改。通常用于存储用户输入、组件特定的数据或需要在组件内部更新的数据。
相同点:
都用于存储和管理组件中的数据
都可以用于将数据从父组件传递给子组件
当Props或State发生变化时,都可以触发组件的重新渲染
Props和State都可以在组件的render方法中访问,并用于渲染动态内容
Render执行:
组件首次挂载到DOM时会调用render方法进行初始渲染。
当组件的props或state发生变化时,会触发组件的重新渲染,即再次调用render方法。
当父组件重新渲染时,子组件也会重新渲染,即调用子组件的render方法