react.memo.js

const Product = React.memo((props) => {
 const { name, price } = props;
  return (
   <div className="product-info">
     <span>{name}</span>
     <span>{price}</span>
   </div>
  );
});