Render Best Practises

Functions in JSX

A JSX Prop binding call or arrow function creates an entirely new function for each rendering. Performance suffers because the garbage collector is called more often than necessary. Also, unnecessary recalculations can occur when a new function is passed to the component as a prop. Use the prop reference equality check to determine if it needs to be updated.