使用 withAuthenticationRequired 时组件定义缺少显示名称

Question

我有以下编译错误

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

我的代码：

import React from "react";
import {withAuthenticationRequired} from "@auth0/auth0-react";

function MyComponent () {
    return (<div>Hello</div>);
}

export default withAuthenticationRequired(MyComponent, {
    // Show a message while the user waits to be redirected to the login page.
    onRedirecting: () => <div>Redirecting you to the login page...</div>,
});

我尝试了类似问题的解决方案，但没有奏效。禁用 eslint react/display-name 选项不是我所期望的。

Answer 1

在 Github 上的 issue 中回答：https://github.com/auth0/auth0-react/issues/282#issuecomment-928051777

export default withAuthenticationRequired(MyComponent, {
    onRedirecting: function OnRedirectingComponent() {
      return <div>Redirecting you to the login page...</div>
    },
});