import React from 'react';
const Greeting = React.memo(function Greeting({ name }) {
console.log("Greeting rendered");
return <h3>Hello{name && ', '}{name}!</h3>;
});
In this example, Greeting
will only re-render when the name
prop changes. This optimization is particularly beneficial for components that render frequently with the same props.([React][4], [Content That Scales][5])