当用 React.memo
定义 React 组件时
const MyComponent = React.memo((props) => <div>...</div>);
React DevTools 在组件树中将组件标记为“Anonymous”。如果应用程序包含多个内存组件,这会使调试变得困惑。
如何让我的备忘组件名称显示在 React DevTools 中?
最佳答案
Anonymous 是在函数没有内部 .name 或用户提供的 .displayName 时显示的后备名称。通常这意味着它被声明为匿名内联函数,例如React.memo(props => ...).
要显示组件的名称,您应该像这样传递组件
const MyComponent = props => <div>...</div>;
export default React.memo(MyComponent);
关于reactjs - 如何防止我内存的 React 组件在 React DevTools 中显示为 "Anonymous"?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69079020/
相关文章:
snowflake-cloud-data-platform - 使用 Google 作为身份提供商
node.js - 如何在 nodejs 中使用 getRandomValues()?
python - 您如何为加权平均平均值迭代地为数据框列赋予权重?
ruby-on-rails - Rubocop 在 Rails 中的蓝图序列化程序自定义字段中警告
go - 在 golang 中将 []*string 转换为 []string
swiftui - PresentationMode 触发器 "Variable X used be
javascript - JS : proper way of using optional cha