小能豆

组件定义缺少显示名称 react/display-name

javascript

我如何为其添加显示名称?

export default () =>
  <Switch>
    <Route path="/login" exact component={LoginApp}/>
    <Route path="/faq" exact component={FAQ}/>
    <Route component={NotFound} />
  </Switch>;

阅读 34

收藏
2024-06-10

共1个答案

小能豆

直接导出箭头函数不会给组件提供displayName,但如果导出常规函数,则函数名称将用作displayName

export default function MyComponent() {
  return (
    <Switch>
      <Route path="/login" exact component={LoginApp}/>
      <Route path="/faq" exact component={FAQ}/>
      <Route component={NotFound} />
    </Switch>
  );
}

您还可以将函数放在变量中,displayName手动设置该函数,然后将其导出。

const MyComponent = () => (
  <Switch>
    <Route path="/login" exact component={LoginApp}/>
    <Route path="/faq" exact component={FAQ}/>
    <Route component={NotFound} />
  </Switch>
);

MyComponent.displayName = 'MyComponent';

export default MyComponent;
2024-06-10