React-cookie 扩展不起作用/元素类型无效

Question

我无法在我的应用程序中使用 react-cookie 模块，由于某种原因它给了我以下错误：

元素类型无效：应为字符串（用于内置组件） 或类/函数（用于复合组件）但得到：对象。

查看CookiesProvider的渲染方法。

这是我的 package.json 依赖项：

  "dependencies": {
    "bootstrap": "^3.3.7",
    "chain-function": "^1.0.1",
    "jquery": "^3.3.1",
    "lodash": "^4.17.11",
    "popper.js": "^1.14.4",
    "react": "^16.5.2",
    "react-bootstrap": "^0.31.5",
    "react-cookie": "^3.0.4",
    "react-dom": "^16.0.0",
    "react-password-strength": "^2.3.1",
    "react-redux": "^5.0.7",
    "react-router-bootstrap": "^0.24.4",
    "react-router-dom": "^4.2.2",
    "react-scripts": "^2.0.4",
    "react-signature-canvas": "^1.0.0-alpha.1",
    "react-text-mask": "^5.4.3",
    "react-tooltip": "^3.9.0",
    "react-transition-group": "^1.2.1",
    "redux": "^4.0.0",
    "rimraf": "^2.6.2",
    "validator": "^10.8.0"
  },

还有我的 index.js：

import './css/bootstrap.css';
import './css/style.css';

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

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

ReactDOM.render(

    <BrowserRouter basename={baseUrl}>
        <CookiesProvider>
            <App />
        </CookiesProvider>
    </BrowserRouter>
    ,
    rootElement);

registerServiceWorker();

Answer 1

我正在寻找同样问题的解决方案，后来在我看来，将 react-dom 的版本设置为“^16.3.0”解决了这个问题......可能值得一试