Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/16.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 回应“给予”;检查“CookiesProvider”的呈现方法;错误_Reactjs_React Cookie - Fatal编程技术网

Reactjs 回应“给予”;检查“CookiesProvider”的呈现方法;错误

Reactjs 回应“给予”;检查“CookiesProvider”的呈现方法;错误,reactjs,react-cookie,Reactjs,React Cookie,我正在尝试在我的react应用程序中使用cookie,但无法使react cookie模块正常工作。我正在使用本页中的示例: 但它给了我以下错误: 元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象 检查CookiesProvider的渲染方法 index.js: import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-rout

我正在尝试在我的react应用程序中使用cookie,但无法使react cookie模块正常工作。我正在使用本页中的示例:

但它给了我以下错误:

元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象

检查
CookiesProvider
的渲染方法

index.js:

import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter } from 'react-router-dom';
import App from './App';
import registerServiceWorker from './registerServiceWorker';
//cookie
import { CookiesProvider } from 'react-cookie';



const baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');
const rootElement = document.getElementById('root');

ReactDOM.render(
    <CookiesProvider>
        <BrowserRouter basename={baseUrl}>
            <App />
        </BrowserRouter>
    </CookiesProvider>,
    rootElement);

registerServiceWorker();
从“React”导入React;
从“react dom”导入react dom;
从“react router dom”导入{BrowserRouter};
从“./App”导入应用程序;
从“./registerServiceWorker”导入registerServiceWorker;
//饼干
从“react cookie”导入{CookiesProvider};
const baseUrl=document.getElementsByTagName('base')[0].getAttribute('href');
const rootElement=document.getElementById('root');
ReactDOM.render(
,
根元素);
registerServiceWorker();
app.js:

//cookies
import { instanceOf } from 'prop-types';
import { withCookies, Cookies } from 'react-cookie';

class App extends Component {
    displayName = App.name

    static propTypes = {
        cookies: instanceOf(Cookies).isRequired
    };

    constructor(props) {
        super(props);

        const { cookies } = props;
        this.state = {
            name: cookies.get('name') || 'Ben'
        };
    }

    render() {
        return (
            <Layout>
                <Route exact path='/' component={Welcome} />
                <Route path='/home' component={Home} />
            </Layout>
        );
    }
}

export default withCookies(App);
//cookies
从“道具类型”导入{instanceOf};
从“react cookie”导入{withCookies,Cookies};
类应用程序扩展组件{
displayName=App.name
静态类型={
cookies:instanceOf(cookies)。需要
};
建造师(道具){
超级(道具);
const{cookies}=props;
此.state={
名称:cookies.get('name')| | Ben'
};
}
render(){
返回(
);
}
}
导出默认cookies(应用程序);

您下载了错误的库。库的名称是
react cookie
而不是
react cookie

为什么我不能重现这个问题:你可以看到我没有收到任何错误。无论我做什么,我都会收到这个错误,使用ASP.NETCore2.1