‘export ‘default’ (imported as ‘Cookies’) was not found in ‘react-cookie’ (possible exports unknown)

huangapple go评论81阅读模式
英文:

export 'default' (imported as 'Cookies') was not found in 'react-cookie' (possible exports unknown)

问题

我在尝试使用'react-cookie'从浏览器中访问cookie时遇到了上面的错误。

这是我正在尝试的代码:

  1. import Cookies from 'react-cookie';
  2. function App() {
  3. const { currentUser } = useContext(AuthContext);
  4. const [token, setToken] = useState(null);
  5. useEffect(() => {
  6. const tokenFromCookie = Cookies.get("accessToken");
  7. setToken(tokenFromCookie);
  8. }, []);
英文:

I am getting above error while trying to access cookie from browser using 'react-cookie'.

Here is the code i am trying:

  1. import Cookies from 'react-cookie';
  2. function App() {
  3. const { currentUser } = useContext(AuthContext);
  4. const [token, setToken] = useState(null);
  5. useEffect(() => {
  6. const tokenFromCookie = Cookies.get("accessToken");
  7. setToken(tokenFromCookie);
  8. }, []);

答案1

得分: 1

这个对象 Cookies 被导入以与 CLASS 组件一起使用

  1. import { withCookies, Cookies } from 'react-cookie';

而对于函数组件,可以像这样使用 useCookies

  1. import { useCookies } from 'react-cookie';
  2. function App() {
  3. const { currentUser } = useContext(AuthContext);
  4. const [cookies, setCookie] = useCookies(['accessToken']);
  5. // 这部分不是很有用,因为您可以使用 useCookies 访问 cookie
  6. // const [token, setToken] = useState(null);
  7. // useEffect(() => {
  8. // const tokenFromCookie = cookies.accessToken;
  9. // setToken(tokenFromCookie);
  10. // }, []);
  11. }
英文:

this object Cookies is imported to use with CLASS Component

  1. import { withCookies, Cookies } from 'react-cookie';

and for Function Component use useCookies like this

  1. /// here the error
  2. import {useCookies} from 'react-cookie';
  3. function App() {
  4. const { currentUser } = useContext(AuthContext);
  5. const [cookies, setCookie] = useCookies(['accessToken']);
  6. // this part aren't usefull because u have access to the cookies using useCookies
  7. // const [token, setToken] = useState(null);
  8. // useEffect(() => {
  9. // const tokenFromCookie = cookies.accessToken;
  10. // setToken(tokenFromCookie);
  11. // }, []);

huangapple
  • 本文由 发表于 2023年7月17日 13:56:34
  • 转载请务必保留本文链接:https://go.coder-hub.com/76701809.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定