React.PureComponent
is similar to React.Component
. The difference between them is that React.Component
doesn’t implement shouldComponentUpdate()
, but React.PureComponent
implements it with a shallow prop and state comparison.
If your React component’s render()
function renders the same result given the same props and state, you can use React.PureComponent
for a performance boost in some cases.
// Component
class PureCompnent extends React.Component {
render() {
return (
<div>
<h1>{this.props.title}</h1>
</div>
);
}
} // use
<PureComponent title={'Awesome React'} />