[React] React.memo

원래 리액트에서는 바뀌지 않은 props까지 모두다 렌더링된다.

 

React.memo는 react.js한테 prop이 바뀌지 않는다면 컴포넌트를 렌더링 하지 말라고 한다.

 

최적화기술이다!!!

---

기존코드

function DragabbleCard() {
  return (
    <>
     
    </>
  );
}
export default DragabbleCard;

 

바뀐코드

import React from "react";

function DragabbleCard() {
  return (
    <>
     
    </>
  );
}
export default React.memo(DragabbleCard);