UseMemo 没有返回值-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

UseMemo 没有返回值

P粉547420474 2024-02-26 09:23:16

[React讨论组]

490

我有以下场景。我将对象数组（房屋）传递给组件。然后我想在 useMemo 函数中循环遍历它并在 return 方法中显示它。但是，我什么也看不到。 UseMemo 被调用并运行，但正如我所说，我没有看到任何对象

export default function CompactView({ houses }) {

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

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

 );
}

P粉547420474

全部回复(1)

P粉6836651062024-02-27 00:00:55 1楼

您遇到的问题是 useMemo 中的箭头函数。它缺少退货声明。您的代码应如下所示：

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

注意 houses?.map 之前的返回，或者您可以将其更改为：

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

在第二个代码示例中，我删除了 useMemo 回调内的 {} 括号。希望对您有帮助

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>

最新下载

更多>

网站特效

网站源码

网站素材

前端模板

关于我们免责申明意见反馈讲师合作广告合作最新更新: php中文网：公益在线php培训，帮助PHP学习者快速成长！; 关注服务号技术交流群

app下载

PHP中文网订阅号: 每天精选资源文章推送

PHP中文网APP: 随时随地碎片化学习

PHP中文网抖音号: 发现有趣的

PHP学习

技术支持

返回顶部