Reactjs 我面临在react中使用Cookie的导出错误

我有这个代码，我将第一次使用Cookies，但我得到下面的错误，谁能帮我解决这个问题

“我面临的错误：尝试导入错误：'react cookie'不包含默认导出（作为'cookie'导入）。”

从“React”导入React；
从“react dom”导入react dom；
导入“/App.css”；
从“./倒计时”导入倒计时；
从“./Basket”导入篮子；
从“反应Cookie”导入Cookie
类产品扩展了React.Component{
建造师（道具）{
超级（道具）；
这个州={
订单：[]
} 
this.shop=this.shop.bind（这个）；
}  
prevstate=[]；
`在此处输入代码`shop（evt）{
this.prevstate.push（evt.target.id）；
这是我的国家({
订单：本州
})
console.log（Cookie.get（'selected'））
set（'selected'，this.props.cart，{path:'/'}）；
}
render（）{
返回(
{this.props.prolist.map（（名称）=>(
{name.name}

{name.detail}


{name.price}欧元
加上
运货马车
))}
)
}
}
出口默认产品；

错误很明显，react cookie没有默认导出，因此您无法像

   import Cookie from 'react-cookie';

您需要像下面这样导入它

  import { Cookies } from 'react-cookie';

而且不是饼干而是饼干。你把它输入错了

---

如果是默认导出，则不使用{}进行导入，但如果不是默认导出，则使用{}进行导入

错误很明显，react cookie没有默认导出，因此无法像

   import Cookie from 'react-cookie';

您需要像下面这样导入它

  import { Cookies } from 'react-cookie';

而且不是饼干而是饼干。你把它输入错了

---

如果是默认导出，则不使用{}进行导入，但如果不是默认导出，则使用{}进行导入

您需要像从“react cookie”导入{WithCookie，cookie}一样导入

然后
cookies.get（'selected'）
，请参阅下面的代码

仔细阅读本手册。

// App.jsx
import React, { Component } from 'react';
import { instanceOf } from 'prop-types';
import { withCookies, Cookies } from 'react-cookie';

import NameForm from './NameForm';

class App extends Component {
  static propTypes = {
    cookies: instanceOf(Cookies).isRequired
  };

  constructor(props) {
    super(props);

    const { cookies } = props;
    this.state = {
      name: cookies.get('name') || 'Ben'
    };
  }

  handleNameChange(name) {
    const { cookies } = this.props;

    cookies.set('name', name, { path: '/' });
    this.setState({ name });
  }

  render() {
    const { name } = this.state;

    return (
      <div>
        <NameForm name={name} onChange={this.handleNameChange.bind(this)} />
        {this.state.name && <h1>Hello {this.state.name}!</h1>}
      </div>
    );
  }
}

export default withCookies(App);

//App.jsx
从“React”导入React，{Component}；
从“道具类型”导入{instanceOf}；
从“react cookie”导入{withCookies，Cookies}；
从“/NameForm”导入NameForm；
类应用程序扩展组件{
静态类型={
cookies:instanceOf（cookies）。需要
};
建造师（道具）{
超级（道具）；
const{cookies}=props；
此.state={
名称：cookies.get（'name'）| | Ben'
};
}
handleNameChange（名称）{
const{cookies}=this.props；
set（'name'，name，{path:'/'}）；
this.setState（{name}）；
}
render（）{
const{name}=this.state；
返回(
{this.state.name&&Hello{this.state.name}！}
);
}
}
导出默认cookies（应用程序）；
您需要像从“react cookie”导入{withCookies，Cookies}一样导入然后
cookies.get（'selected'）
，请参阅下面的代码

仔细阅读本手册。

// App.jsx
import React, { Component } from 'react';
import { instanceOf } from 'prop-types';
import { withCookies, Cookies } from 'react-cookie';

import NameForm from './NameForm';

class App extends Component {
  static propTypes = {
    cookies: instanceOf(Cookies).isRequired
  };

  constructor(props) {
    super(props);

    const { cookies } = props;
    this.state = {
      name: cookies.get('name') || 'Ben'
    };
  }

  handleNameChange(name) {
    const { cookies } = this.props;

    cookies.set('name', name, { path: '/' });
    this.setState({ name });
  }

  render() {
    const { name } = this.state;

    return (
      <div>
        <NameForm name={name} onChange={this.handleNameChange.bind(this)} />
        {this.state.name && <h1>Hello {this.state.name}!</h1>}
      </div>
    );
  }
}

export default withCookies(App);

//App.jsx
从“React”导入React，{Component}；
从“道具类型”导入{instanceOf}；
从“react cookie”导入{withCookies，Cookies}；
从“/NameForm”导入NameForm；
类应用程序扩展组件{
静态类型={
cookies:instanceOf（cookies）。需要
};
建造师（道具）{
超级（道具）；
const{cookies}=props；
此.state={
名称：cookies.get（'name'）| | Ben'
};
}
handleNameChange（名称）{
const{cookies}=this.props；
set（'name'，name，{path:'/'}）；
this.setState（{name}）；
}
render（）{
const{name}=this.state；
返回(
{this.state.name&&Hello{this.state.name}！}
);
}
}
导出默认cookies（应用程序）；
阅读关于如何使用的软件包说明。阅读关于如何使用的软件包说明。谢谢你的回答。我对react非常陌生，我按照你说的做了，但收到了相同的错误。尝试导入错误：“Cookie”不是从“react Cookie”导出的。@Bita是Cookie，但不是Cookie。请检查我的最新答案谢谢你的回答我对react非常陌生，我按照你说的做了，但得到了相同的错误尝试导入错误：“Cookie”不是从“react Cookie”导出的。@Bita它的Cookies但不是Cookie。请检查我的最新答案