javascript - React 无状态组件是否等于 ReacDOM.PureComponents

Question

根据文档(https://reactjs.org/docs/react-api.html#react.purecomponent)

"React.PureComponent is exactly like React.Component but implements shouldComponentUpdate() with a shallow prop and state comparison."

所以如果我定义如下内容，

const MyView = () => {
  return (
    <div>Hello Stateless Component</div>
  )
};

它是 React.PureComponent 吗？它是否进行浅层 prop 和 state 比较？

Answer 1

它们根本不相等。

无状态组件还是官方名称React Stateless Functional Component(RSFC)没有“状态”。

React 组件接收用于从外部传递参数的 Prop 并使用 state对象为 inside state control object ，我们称之为setState函数修改 state触发组件重新渲染的对象，RSFC仅接收 props 并返回相应的 JSX 元素，它没有“内部状态”对象。

PureComponent是React.PureComopnent , 它不是一类组件的通用术语，它是 React.PureComponent可以扩展的类，我们使用

class MyComponent extends React.PureComponent{}

告诉 React MyComponent 是一个纯组件。

如果你想要 <Clock/>组件显示和更新时间本身，你应该使用 PureComponent并且无法控制 RSFC 中的时间更新

关于 differences between Component and PureComponent 的更多信息this article可能是帮助。