我在编译我的 React 应用程序时遇到错误"/>
我在编译我的 React 应用程序时遇到错误
**
./src/context/auth.js 17:56
模块解析失败:意外令牌 (17:56)
您可能需要一个合适的加载器来处理这种文件类型。
| auth = _useState2[0],
| setAuth = _useState2[1]; // 默认的 axios
axios.defaults.headersmon["Authorization"] = auth?.token; |使用效果(函数(){ | var data = localStorage.getItem('auth'); **
./src/context/auth.js 中的代码:
import React, { useState, useEffect, useContext, createContext } from "react";
import axios from "axios";
const AuthContext = createContext();
const AuthProvider = ({ children }) => {
const [auth, setAuth] = useState({
user: null,
token: "",
});
// Default axios
axios.defaults.headersmon["Authorization"] = auth?.token;
useEffect(()=>{
const data = localStorage.getItem('auth');
if(data){
const parseData = JSON.parse(data);
setAuth({
...auth,
user:parseData.user,
token:parseData.token
});
}
//eslint-disable-next-line
}, []);
return (
<AuthContext.Provider value={[auth, setAuth]}>
{children}
</AuthContext.Provider>
);
};
const useAuth = () => useContext(AuthContext);
export { useAuth, AuthProvider };
代码没有生成预期的响应。
回答如下:更多推荐
我在编译我的 React 应用程序时遇到错误
发布评论