使用useEffect挂钩时，状态值不会更改

Question

我有：

const [bgColor, setBgcolor] = useState(false);

和：

useEffect(() => {
if (window.location.pathname === '/SignUp') {
setBgcolor(true);
} else {
setBgcolor(false);
}
console.log(bgColor)
return () => {
setBgcolor(false);
}
}, [])

我想做的是：当我重新加载页面或重新发送页面时，我会检查当前路径名，如果它等于/Signup，我会将bgColor设置为true，但每次重新加载时都会给我false！

Answer 1

试试这个：

const [bgColor, setBgcolor] = useState(false);
const { pathname } = window.location;
useEffect(() => {
if (pathname === '/SignUp') {
setBgcolor(true);
} else {
setBgcolor(false);
}
console.log(bgColor)
return () => {
setBgcolor(false);
}
}, [pathname]);