Я сталкиваюсь с этой ошибкой экспорта Cookie, использующей в реакции

Question

У меня есть этот код, и я собираюсь использовать Cookies впервые, но я получаю сообщение об ошибке ниже, кто-нибудь, кто может помочь мне решить проблему?

"ОШИБКА I ЛИЦО: Попытка ошибки импорта:« ответный файл cookie »не содержит экспорт по умолчанию (импортируется как« файл cookie »)."

import React from 'react';    
import ReactDom from 'react-dom';    
import './App.css';    
import CountDown from './CountDown';
import Basket from './Basket';    


import Cookie from 'react-cookie'
class Products extends React.Component{    

constructor(props){
    super(props);
   this.state={
       order : []  
   } 
 this.shop = this.shop.bind(this);
}  
   prevstate = [];
   `enter code here`shop(evt){

this.prevstate.push(evt.target.id);
this.setState({
    order : this.prevstate
})
console.log(Cookie.get('selected'))
Cookie.set('selected' , this.props.cart , {path :' /'});

   }

render(){
    return(
        <div className="prowrap">

         {this.props.prolist.map((name) => (
         <div  className="pro" key={name.id} style={{border:"1px red 
solid"}} >
         <img src={name.image}/>
         <p>{name.name}</p>
         <p>{name.detail}</p>  
         <p className="countdown"><CountDown time={name.date}/></p>
         <div className="price">{name.price} Euro</div>
         <button className="shop" id={name.id} onClick={this.shop}>Add To 
Cart</button>    
         </div>))}
        <Basket cart={this.state.order} allpro={this.props.prolist}/>
        </div>
    )
}
}

export default Products;

Answer 1

Вам необходимо импортировать как import { withCookies, Cookies } from 'react-cookie';, а затем cookies.get('selected'), см. Код ниже

Внимательно прочтите пакет readme .

// 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);

Answer 2

Ошибка очевидна: у cookie-файла нет экспорта по умолчанию, поэтому вы не можете импортировать его как

   import Cookie from 'react-cookie';

Вам нужно импортировать его, как показано ниже

  import { Cookies } from 'react-cookie';

Также это не Cookie, а Cookies. Вы импортируете его неправильно

Когда это экспорт по умолчанию, вы не используете {} для импорта, но если это не экспорт по умолчанию, то вы используете {} для его импорта.