Question

我正在尝试在我的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();

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);

Answer 1

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

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

1 个答案: