[하루메이트] React.memo를 사용해서 불필요한 리렌더링 제거

수정 전

 

수정 전에는 반경 태그와 카테고리 태그를 클릭했을 때 렌더링이 될 필요없는 검색된 장소 목록에 계속 리렌더링이 발생했습니다.

 

// 장소 목록 컴포넌트
const PlaceList = ({
  searchPlace,
  radius,
}: {
  searchPlace: string | undefined;
  radius?: number;
}) => {
  ...

  return (
  	...
  );
};

export default React.memo(PlaceList);

리렌더링이 발생하는 컴포넌트를 찾아서 React.memo로 감싸주어 해결했습니다.

 

수정 후