加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

reactjs – React 16.3.* context Provider Err:期望的字符串或

发布时间:2020-12-15 20:18:38 所属栏目:百科 来源:网络整理
导读:编辑:下面的答案 我在youtube上都遵循了这两个教程(目前没有太多),但它们都不适用于我,它在index.js中向Provider发送了这个错误: 教程1:video和code 教程2:video和code Element type is invalid: expected a string (for built-in components) or a clas
编辑:下面的答案

我在youtube上都遵循了这两个教程(目前没有太多),但它们都不适用于我,它在index.js中向Provider发送了这个错误:

教程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();

我试过/检查过:

>仔细检查我安装了16.3.1
>将上下文放入或放在< BrowserRouter>中
>尝试{Context} vs Context
>重新安装NPM包
>在createContext()中放入{text:’ok’}
>我尝试了’create-react-context’并且仍然遇到了同样的错误,也许这是一个线索?我不确定
>尝试使用react@16.3.0-alpha.0,它在教程中有效
>其他一些我不会忘记的东西.

编辑:回答如下

解决方法

检查你是否有反应16.3.1

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读