Javascript eslint:组件定义缺少displayName

使用materialtable（），我试图覆盖表的某个组件。它渲染得很好，但我想消除intellij向我抛出的eslint错误，而不只是忽略/禁用它

Erorr：

ESLint:组件定义缺少显示 名称（反应/显示名称）

。。。
返回(
//  {
返回(
试验
);
};
导出默认表设置；

若要根据需要忽略此规则，需要将

.eslintrc.json

设置为：

{
  // other configs...,
  "rules": {
    "react/display-name": "off"
  }
}

---

这些回答了你的问题吗？或者谢谢buzatto，但遗憾的是，我搜索过的两个链接和许多其他线程都没有告诉我正确的解决方案是什么。我猜函数

（props）=>

得到了处理（实际上是这样的）作为组件定义本身，因此错误将与匿名arrow函数组件相关。您可以克服传递命名函数组件的困难，如：

Settings:TableSettings

或在另一个组件中包装TableSettings，然后调用

Settings:tablesettingswapper

感谢帮助！关闭设置，whilst是最后的手段，这是我想要避免的。我宁愿理解并修复我的错误，也不愿让它默默地消失。如果没有人知道什么可以正确地修复它，我会使用它。再次感谢

import React from 'react';

const TableSettings = (props) => {

  return (
    <div>
      <h1>Test</h1>
    </div>
  );
};

export default TableSettings;

{
  // other configs...,
  "rules": {
    "react/display-name": "off"
  }
}