Reactjs 回应“给予”;检查“CookiesProvider”的呈现方法;错误
我正在尝试在我的react应用程序中使用cookie,但无法使react cookie模块正常工作。我正在使用本页中的示例: 但它给了我以下错误: 元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象 检查Reactjs 回应“给予”;检查“CookiesProvider”的呈现方法;错误,reactjs,react-cookie,Reactjs,React Cookie,我正在尝试在我的react应用程序中使用cookie,但无法使react cookie模块正常工作。我正在使用本页中的示例: 但它给了我以下错误: 元素类型无效:应为字符串(对于内置组件)或类/函数(对于复合组件),但得到:对象 检查CookiesProvider的渲染方法 index.js: import React from 'react'; import ReactDOM from 'react-dom'; import { BrowserRouter } from 'react-rout
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();
从“React”导入React;
从“react dom”导入react dom;
从“react router dom”导入{BrowserRouter};
从“./App”导入应用程序;
从“./registerServiceWorker”导入registerServiceWorker;
//饼干
从“react cookie”导入{CookiesProvider};
const baseUrl=document.getElementsByTagName('base')[0].getAttribute('href');
const rootElement=document.getElementById('root');
ReactDOM.render(
,
根元素);
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);
//cookies
从“道具类型”导入{instanceOf};
从“react cookie”导入{withCookies,Cookies};
类应用程序扩展组件{
displayName=App.name
静态类型={
cookies:instanceOf(cookies)。需要
};
建造师(道具){
超级(道具);
const{cookies}=props;
此.state={
名称:cookies.get('name')| | Ben'
};
}
render(){
返回(
);
}
}
导出默认cookies(应用程序);
您下载了错误的库。库的名称是react cookie
而不是react cookie
为什么我不能重现这个问题:你可以看到我没有收到任何错误。无论我做什么,我都会收到这个错误,使用ASP.NETCore2.1