reactpropsstate区别 react state props区别

makeObservableProp 方法实现对 props 和 state 的劫持reactpropsstate区别，使得操作实际上针对两个新的 valueHolderreactpropsstate区别，而非传统的 props 和 state同时，为每个属性创建 Atom 对象，确保状态变化时的监听与响应MobxReact 对 render 方法进行增强，将其包装为 Reaction当依赖项发生变化时，通过 forceUpdate 实现组件更新。

函数组件和类组件的区别在于，前者以纯函数形式定义，没有继承和生命周期方法，而后者继承自ReactComponent，支持类方法和生命周期理解这种差异有助于reactpropsstate区别你选择最适合场景的组件类型state与props的不同在于，state是组件内部的数据，由组件自身管理，而props是父组件传递给子组件的数据，是只读的理解它们的。

在某些特定场景下，尽管PureComponent相较于Component在shouldComponentUpdate阶段引入了浅比较，提高了一定的性能，但并非适用于所有情况理解PureComponent的核心在于其对state和props的比较方式Component在更新时，不论state和props是否改变，都会触发重新渲染，而PureComponent则会在shouldComponentUpdate方法中。

区分props和stateprops来源只能来自父级组件，组件本身无法直接设置props用途是一种将数据从父级传递给子级的方式，主要用于初始化数据或传递配置信息更新props的更新不会触发组件自身的state变化，但会导致组件重新渲染state用途用于组件内部的交互性数据，即随时间变化的数据更新只有。

1react的组件从概念上看就是一个函数，可以接受一个参数最为输入值，这个参数就是props，可以把props理解为从外部传入组件内部的数据 2props经常被用作渲染组件和初始化状态，当一个组件被实例化之后，它的props是只读的，不可改变的如果props在渲染过程中可以被改变，会导致这个组件显示的形。

PureComponent是React中用于性能优化的组件，其原理和特点如下性能优化PureComponent通过浅比较props和state来减少不必要的渲染过程当组件的props或state没有发生变化时，render方法不会被触发，从而节省了Virtual DOM的生成和比对过程浅比较机制PureComponent的浅比较主要涉及Objectkeys的长度每个key是否。