我的进口产品哪里出了问题？答案

【问题标题】：Where could I have gone wrong with my imports?我的进口产品哪里出了问题？
【发布时间】：2019-09-12 13:12:57
【问题描述】：

在我正在构建的 React Web 应用程序中，据说可能会忘记导出一个组件。但是在检查代码时，导入和导出似乎很好

由于我目前只使用转储组件，因此我尝试将它们定义为不同的，例如使用粗箭头函数，但没有成功。

这里是 Navbar 的 sn-p——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

【问题讨论】：

您是否将SignInLink 和SignOutLink 组件导出为default？
可以分享SignInLink和SignOutLink组件里面的代码吗？
请分享SignInLink 和SignOutLink 代码！
另外，这个：< Link 显然是错误的，这怎么编译的？

标签： javascript reactjs

【解决方案1】：

我想你忘了在两个组件中设置export default。

登录链接

export default SignInLink

SignOutLink

export default SignOutLink

请您检查一下。
这将解决您的问题。

【讨论】：