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])
Passing functions as props can cause child components to re-render unnecessarily because functions are recreated on every render. The useCallback
hook memoizes functions, ensuring they maintain the same reference unless their dependencies change.([React][4])