Question

在我正在构建的React Web应用程序中，据说组件可能已被忘记导出。但是在检查代码时，进出口似乎没问题

由于我现在仅使用转储组件，因此我尝试使用胖箭头功能对它们进行不同的定义，但是没有成功。

这是Navbar的代码段-SignIn和SignOut组件也以与navbar相同的方式声明：

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。

SignInLink

export default SignInLink

SignOutLink

export default SignOutLink

能否请您检查一次。
这将解决您的问题。

我的进口货哪里出问题了？

1 个答案: