代码之家 › 专栏 › 技术社区 › me-me

组件定义缺少hoc上的显示名称

reactjs javascript

me-me · 技术社区 · 6 年前

我正在尝试创建一个更高阶的组件,但一直得到这个eslint警告。

组件定义缺少显示名称

我试图添加一个显示名称,如下所示,但它仍然抱怨。

import React from 'react';

const HOC = props => (WC) => {
  WC.displayName = 'test'
  return (
    <WC />
  );
}

export default HOC;

3 回复 | 直到 6 年前

Shubham Khatri 6 年前

const HOC = WC => {
  const MyComp = (props) => {
    return (
        <WC {...props} />
      );
  }
  MyComp.displayName = 'test'
  return MyComp;
}

const MyCompWithHoc = HOC(CompA);

<MyCompWithHoc propsA={'A'} {...otherPropsYouWantToPass} />

Cryptic 6 年前

HOC WC

HOC.displayName = 'some higher component'

helloitsjoe 6 年前

props https://reactjs.org/docs/higher-order-components.html#convention-wrap-the-display-name-for-easy-debugging

const HOC = WC => props => {
  WC.displayName = 'test'
  return (
    <WC {...props} />
  );
}

displayName

const HOC = WC => {
  WC.displayName = 'test';
  return WC;
}

推荐文章

code-geek · Jquery根据单选按钮选择隐藏或显示文本字段

4 月前

Niobos · 如何/是否有方法使通用算法函数同时与同步和异步函数一起工作?

4 月前

Alex · 在轻量级中同时解构和不解构变量

4 月前

Ângelo Rigo · ReactJS映射:如何迭代[关闭]

4 月前

bairog · 从按属性筛选的对象数组字典中创建值数组

4 月前

KaiMcKiernan · 基于Math.random()的函数在另一个函数内不起作用[关闭]

4 月前

David Jeong · 浏览器不会为浏览器自动添加的某些标头发送CORS预检请求吗?

4 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

4 月前

user3472810 · Angular@Output/EventEmitter返回undefined

4 月前

lokiuucx · JS对象属性返回未定义,尽管对象属性应该有值

4 月前