我如何将依赖关系传递给自定义钩子,并表现得像useEffect?

如何触发 useEffect 里面 useRedirect 如果给定,请再次自定义挂钩 deps (或依赖关系)变化?

代码:

const OnboardingLayout = () => {
    const { user } = useUserContext()

    useRedirect("/c", () => {
        if (user) {
            Object.values(user.onboarding).every(e => e)
        }
    }, [user])

    return (
        <Outlet />
    )
}

export const useRedirect = (path, validator = () => true, deps = []) => {
    const navigate = useNavigate()

    useEffect(() => {
        if (validator()) {
            navigate(path)
        }
    }, [path, navigate, validator, ...deps])
}

这个 使用重定向 在里面 OnboardingLayout 未按预期工作,因为如果 user 对象现在是真实的(从 null )the 使用效果 在 使用重定向 即使我已经传递了一个依赖项,自定义钩子也不会再次触发。此外,传播 deps 在 使用效果 eslint给了我一个警告,说:, “React Hook useEffect的依赖数组中有一个spread元素。这意味着我们无法静态验证您是否传递了正确的依赖关系。” .