React.memo Component definition is missing display name

当组件中使用React.memo对组件进行优化时候，出现Component definition is missing display name这样的Eslint报错
```
const MapOneMapBJ = React.memo(({ viewLayer }) => {const classes = useStyle()...
});export default MapOneMapBJ;
```
原因是直接导出箭头函数不会给组件一个displayName。
可以导出一个常规函数，函数名将被用作displayName。

还可以将函数放入变量中，手动设置函数上的displayName，然后将其导出。

const MapOneMapBJ = React.memo(({ viewLayer }) => {const classes = useStyle()...
});MapOneMapBJ.displayName = 'MapOneMapBJ';export default MapOneMapBJ;

React.memo Component definition is missing display name相关推荐

React.memo
这里写自定义目录标题 React.memo 高阶组件如何提升性能仅检查props 浅层对比函数式示例忠告 React.memo React.memo 是什么? memo 是备忘录的意思.mem ...
react组件放在数组中_为什么要在函数组件中使用React.memo？
这里提一下,如果大家看到这个标题有所疑惑的话,可以花点时间看一下本篇文章.反之呢如果是看到标题第一时间就反映出结论的话,就可以去get其他文章的知识点了那么接下来就不废话了,直接长刀直入,进入正题! ...
[react] 和Component两者的区别是什么
[react] 和Component两者的区别是什么组件的state或者props更新都会触发render(),同时也会导致子组件render()重新渲染:当我们不想子组件更新时,需要手动在shou ...
[react] 解释下react中component和pureComponent两者的区别是什么？
[react] 解释下react中component和pureComponent两者的区别是什么? 组件的state或者props更新都会触发render(),同时也会导致子组件render()重新渲 ...
vue cli3 使用vue-svg-loader 出现Invalid Component definition报错
使用vue-svg-loader插件, 可以让svg格式的文件(比如图片),当成组件在项目中引入, 十分方便. 但是有时会出现"Invalid component definition&qu ...
React.memo的用法
在线示例 https://codesandbox.io/s/myp00yr1xx?fontsize=14/react-memo 在使用function 作为statless组件的时候,我们通常是这样的 ...
完美解决React 注册模块报错Missing message: “menu.xxx“ for locale: “zh-CN“, using default message as fallback问题
完美解决React 注册模块报错Missing message: "menu.xxx" for locale: "zh-CN", using default m ...
为什么要在函数组件中使用React.memo？
这里提一下,如果大家看到这个标题有所疑惑的话,可以花点时间看一下本篇文章.反之呢如果是看到标题第一时间就反映出结论的话,就可以去get其他文章的知识点了那么接下来就不废话了,直接长刀直入,进入正题! ...
React memo使用解决高频组件渲染问题
问题:添加一个新的元素,导致所有子组件重复渲染问题. 期望:子组件不要频繁的渲染,只渲染新增或发生变化数据的子组件. 解决方案:使用memo包囊子组件. 代码: 子组件Cat.js: import R ...
react memo 和 react.fc的使用
1.memo 介绍: React.memo 为高阶组件.它与 React.PureComponent 非常相似,但它适用于函数组件,但不适用于 class 组件. 如果你的函数组件在给定相同 prop ...

React.memo Component definition is missing display name

React.memo Component definition is missing display name相关推荐

最新文章

热门文章