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

Question

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

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

检查CookiesProvider的渲染方法。

这是我的包.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"解决了问题。。。可能值得一试