元素类型无效：应为字符串或类/函数（用于复合组件）但得到：未定义的反应

Question

我已经搜索了解决方案并找到了很多，但它们不适合我的问题。所以我不知道如何解决这个问题。

这是完整的错误：-

错误：元素类型无效：应为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。 您可能忘记从定义组件的文件中导出组件，或者您可能混淆了默认导入和命名导入。

检查WithAuthentication的渲染方法。

这是withAuthentication.js文件

import React from 'react'

import AuthUserContext from './context'
import { withFirebase } from '../Firebase'

const withAuthentication = (Component) => {
    class WithAuthentication extends Component {
        constructor(props) {
            super(props)    
            this.state = {
                authUser: null,
            }
        }
            componentDidMount() {
            this.listener = this.props.firebase.auth.onAuthStateChanged(
                (authUser) => {
                    authUser
                        ? this.setState({ authUser })
                        : this.setState({ authUser: null })
                }
            )
        }    
        componentWillUnmount() {
            this.listener()
        }
            render() {
            return (
                <AuthUserContext.Provider value={this.state.authUser}>
                    <Component {...this.props} />
                </AuthUserContext.Provider>
            )
        }
    }    
    return withFirebase(WithAuthentication)
}    
export default withAuthentication

Answer 1

我通过将extend Component更改为extend React.Component来解决它