reactjs - React 16.3.*上下文提供者错误: Expected string or class/func but got: Object

Question

编辑:回答如下

我已经在 youtube 上遵循了这两个教程(目前没有太多)，但它们都不适合我，它向我发送了这个来自 index.js 中的提供程序的错误 :

教程1:video和 code

教程2:video和 code

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

我的代码Context.js 文件:

import React from 'react'
export const Context = React.createContext();

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {BrowserRouter} from 'react-router-dom'
import { ApolloClient } from 'apollo-client'
import { HttpLink } from 'apollo-link-http'
import { InMemoryCache } from 'apollo-cache-inmemory'
import { ApolloProvider } from 'react-apollo';

import { Context } from './Context'

const client = new ApolloClient({
    link: new HttpLink({ uri: process.env.API_URL }),
    cache: new InMemoryCache()
})

ReactDOM.render(
    <Context.Provider value={{text: 'ok'}}>
        <BrowserRouter>
                <ApolloProvider client={client}>
                    <App />
                </ApolloProvider>
        </BrowserRouter>
    </Context.Provider>
    , document.getElementById('root'));
registerServiceWorker();

我尝试/检查过:

1. 仔细检查我是否安装了 16.3.1

2. 将上下文放入或外部 <BrowserRouter>

3. 尝试了 {Context} 与 Context

4. 重新安装 NPM 软件包

5. 在 createContext() 中放入 { text: 'ok' }

6. 我尝试了“create-react-context”，但仍然遇到相同的错误，也许这是一个线索？我不确定

7. 尝试了react@16.3.0-alpha.0，它可以在教程中使用

8. 还有一些我没有忘记的事情。

编辑:回答如下

Answer 1

检查你是否有react-dom 16.3.1