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”即可解决该问题...可能值得一试

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

1 个答案: