时间戳

首页 > 解决方案 > React Profiler - 备忘组件的专有名称

reactjs - React Profiler - 备忘组件的专有名称

问题描述

我正在使用 React DevTools chrome 扩展来分析我的组件的重新渲染。

但是，内部具有匿名函数的组件会memo像anynymous在渲染图中一样显示。

因此，我必须这样写：

export const Number = memo(function Number(props) {
   return <div>something</div>
});

...而不是这个：

export const Number = memo(props => {
   return <div>something</div>
});

有没有办法只指定一次组件名称？

标签： reactjs

解决方案

恐怕你需要在 React 16.x 中提到两次组件名称，即你需要遵循这个模式

const Number = (props => {
   return <div>something</div>
});

export default memo(Number)

推荐阅读