未捕获错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象

Question

Reactjs上下文提供程序错误

我得到以下错误

不变的js:42未捕获错误：元素类型无效：需要字符串（对于内置组件）或类/函数（对于复合组件），但得到：对象。

这里是我的app.js

import React from 'react';
import ReactDOM from 'react-dom';
import { UserProvider } from "./lib/user.js"

const App = () => <UserProvider></UserProvider>

ReactDOM.render(
  <App />,
  document.getElementById("app")
);

这里是./lib/user.js：

import React from 'react'

export const UserContext = React.createContext({
  user: null,
  logIn: ((token, user) => {}),
  logOut: (() => {})
})

export class UserProvider extends React.Component {
  constructor(props) {
    super(props)

    this.logIn = (token, user) => {
      setToken(token)
      this.setState(state => ({user: user}))
    }

    this.logOut = (client) => {
      clearToken()
      this.setState(state => ({user: null}))
      client.resetStore()
      client.cache.reset()
    }

    this.state = {
      user: null,
      logIn: this.logIn,
      logOut: this.logOut
    }
  }

  render() {
    console.log(<div></div>)
    console.log(<UserContext.Provider/>)
    return (
      <UserContext.Provider value={this.state}>
        <p>hi</p>
      </UserContext.Provider>
    )
  }
}

这是在反应16.3.2。有许多情况下，错误是由于默认与命名的出口，这似乎不是：

1. 未捕获错误：不变冲突：元素类型无效：应为字符串（用于内置组件）或类/函数，但得到：object

Answer 1

您可能正在使用react@16.3使用早期的react dom版本（如16.2），该版本尚不支持上下文。