UseMemo에는 반환 값이 없습니다.

Question

다음과 같은 시나리오가 있습니다. 객체(집) 배열을 구성 요소에 전달합니다. 그런 다음 useMemo 함수에서 이를 반복하여 반환 메서드에 표시하고 싶습니다. 그러나 나는 아무것도 볼 수 없습니다. UseMemo가 호출되어 실행되는데 말씀드린대로 아무 개체도 보이지 않습니다

export default function CompactView({ houses }) {

const houseMemo = useMemo(() => {
houses?.map((house) => {
  return (
       <div>
        ...
       </div>              
     );
   });
}, [houses]);

return (
<>
 ...
  <div>
    {houseMemo}
  </div>
</>

 );
}

Answer 1

현재 겪고 있는 문제는 메모에서 화살표 기능을 사용하는 것입니다. 반환문이 누락되었습니다. 코드는 다음과 같아야 합니다.

으아악

houses?.map 전에 반품을 기록하거나 다음으로 변경할 수 있습니다:

으아악

두 번째 코드 예시에서는 useMemo 콜백 내에서 {} 대괄호를 제거했습니다. 도움이 되길 바랍니다