UseMemo には戻り値がありません

Question

次のようなシナリオがあります。オブジェクト (家) の配列をコンポーネントに渡します。次に、 useMemo 関数でループし、 return メソッドで表示したいと思います。しかし、何も見えません。 UseMemo が呼び出されて実行されますが、前述したように、オブジェクトが表示されません

ああああ

Answer 1

あなたが抱えている問題は、useMemo のアロー関数にあります。 return ステートメントがありません。コードは次のようになります:

const houseMemo = useMemo(() => {
家を返す?.map((家) => {
  戻る （
       

        ...
       
     );
   });
}, [家]);

前に houses?.map が返されることに注意してください。または、次のように変更することもできます:

const houseMemo = React.useMemo(
    () =>
      家?.map((家) => {
        戻る ＃＃＃...＃＃＃;
      })、
    【住宅】
  );

2 番目のコード例では、useMemo コールバック内の {} 括弧を削除しました。お役に立てば幸いです