我正在开发一个员工登录系统，该系统计算员工登录的总时间，包括休息时间等，因此我有两个组件1。其持续计算直到员工登录2的时间。其计算总的中断时间。所以在这种情况下，我不希望登录时间在突破时停止，相反，我希望突破和登录时间应该一起运行
const [isLoggedIn, setLoggedIn] = useState(true)
const [isBreakPunched, setBreakPunch] = useState(true)
const [breakTime, setBreakTime] = useState(0);
const [loginTime, setLoginTime] = useState(0);
useEffect(() => {
if (isLoggedIn) {
const interval = setInterval(() => {
setLoginTime(onlineTime + 1);
}, 1000);
return () => clearInterval(interval);
}
if (isBreakPunched){
const interval = setInterval(() =>{
setBreakTime(auxTime +1);
},1000);
return ()=> clearInterval(interval);
}
});
当它运行时，loginTime只是在运行，因为第一个条件确实是登录时间，所以要运行breakTime，我必须停止loginTime。此代码将两者视为如果。。其他环路
我的查询是，当条件为任何人的true时，我想同时运行这两个，它们应该彼此独立
setInterval( () => {
if (isLoggedIn) {
setLoginTime(onlineTime + 1);
}
if (isBreakPunched) {
setBreakTime(auxTime +1);
}
}, 1000);
此间隔检查是否有人登录以设置登录时间，并在休息时设置休息时间。顺便说一句，你希望登录时间和中断时间根据彼此的情况设置，同时彼此"独立"，这是没有意义的。