我的进口哪里出了问题？

Question

在我正在构建的 React Web 应用程序中，据说可能忘记导出一个组件。但是在检查代码时，导入和导出似乎很好由于我现在只使用转储组件，因此我尝试将它们定义为不同的方式，例如使用粗箭头函数，但没有成功。以下是 Navbar 的片段 - SignIn 和 SignOut 组件也以与导航栏相同的方式声明：import React from 'react';import { Link } from 'react-router-dom'import SignInLink from './SignInLink'import SignOutLink from './SignOutLink'const Navbar = () => {        return (        <nav className="z-depth-10 black">            <div className="nav-wrapper container">                < Link to="/" className="brand-logo">Lelo's</Link>                <SignInLink />                <SignOutLink />        </div>      </nav>        )}export default Navbar编译后，我从浏览器得到这个：Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports 

Answer 1

我认为您忘记export default在两个组件中进行设置。

登录链接

export default SignInLink

退出链接

export default SignOutLink

你能不能检查一次。
这将解决您的问题。