时间戳

首页 > 解决方案 > React-cookie 给出“检查 `CookiesProvider` 的渲染方法”错误

reactjs - React-cookie 给出“检查 `CookiesProvider` 的渲染方法”错误

问题描述

我正在尝试在我的 react 应用程序中使用 cookie，但无法使 react-cookie 模块正常工作。我正在使用此页面中的示例：https ://www.npmjs.com/package/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();

应用程序.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);

标签： reactjsreact-cookie

解决方案

您下载了错误的库。图书馆的名字react-cookie不是react-cookies.

推荐阅读