用户登录后如何重定向到主页?
How can redirect to Home page once a user is logged in?
如何在用户 登录 后重定向到主页 ('/')?
async function onHandleSubmit(e: SyntheticEvent) {
e.preventDefault()
if (login && password) {
await fetch('URL/auth/signin', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
"login": login,
"password": password
})
}).then(response =>
response.json().then(data => ({
data: data,
})).then(res => {
localStorage.setItem("token", res.data.token);
localStorage.setItem("userName", res.data.name)
localStorage.setItem("avatarUrl", res.data.avatarUrl)
})
).then(() => {
setLogin('')
setPassword('')
})
}
}
假设你没有使用 redux。您可以使用 React Router Dom 重定向如下
import { useHistory } from "react-router-dom";
const history = useHistory();
history.push("/dashboard"); // Add this in Then part where Localstorage set.
如何在用户 登录 后重定向到主页 ('/')?
async function onHandleSubmit(e: SyntheticEvent) {
e.preventDefault()
if (login && password) {
await fetch('URL/auth/signin', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify({
"login": login,
"password": password
})
}).then(response =>
response.json().then(data => ({
data: data,
})).then(res => {
localStorage.setItem("token", res.data.token);
localStorage.setItem("userName", res.data.name)
localStorage.setItem("avatarUrl", res.data.avatarUrl)
})
).then(() => {
setLogin('')
setPassword('')
})
}
}
假设你没有使用 redux。您可以使用 React Router Dom 重定向如下
import { useHistory } from "react-router-dom";
const history = useHistory();
history.push("/dashboard"); // Add this in Then part where Localstorage set.