我不确定为什么这行不通。login
调用该函数后,除line以外的所有东西都起作用user = res.headers['access-token'];
。user
仍未定义。我的身份验证系统基于以下内容:https : //kentcdodds.com/blog/authentication-in-react-applications
import React from 'react';
import axios from 'axios';
const AuthContext = React.createContext();
const url = 'http://localhost:3001/auth/sign_in';
function AuthProvider(props) {
let user;
async function login(e, email, password) {
e.preventDefault();
try {
const res = await axios({
method: 'post',
url: url,
data: JSON.stringify({ email, password }),
headers: { 'Content-Type': 'application/json' }
});
localStorage.setItem('token', res.headers['access-token']);
localStorage.setItem('client', res.headers['client']);
localStorage.setItem('uid', res.headers['uid']);
user = res.headers['access-token'];
console.log('Logged in');
} catch (err) {
console.log(err);
}
}
return (
<AuthContext.Provider
value={{ user, login, logout, register }}
{...props}
/>
);
}
const useAuth = () => React.useContext(AuthContext);
export { AuthProvider, useAuth };
原来我要做的就是使用useState
。
function AuthProvider(props) {
const [user, setUser] = useState();
async function login(e, email, password) {
e.preventDefault();
try {
const res = await axios({
method: 'post',
url: url,
data: JSON.stringify({ email, password }),
headers: { 'Content-Type': 'application/json' }
});
localStorage.setItem('token', res.headers['access-token']);
localStorage.setItem('client', res.headers['client']);
localStorage.setItem('uid', res.headers['uid']);
setUser(res.headers['access-token']);
console.log('Logged in');
} catch (err) {
console.log(err);
}
}
return (
<AuthContext.Provider
value={{ user, login, logout, register }}
{...props}
/>
);
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句