嗨，我试图使用 useNavigate 将一个值传递给另一个页面，当按下按钮（按钮 B）时，它会调用该函数，该函数包含我从 useNavigate() 钩子中获得的导航函数，然后我使用 useLocation() 钩子来获取该值。

对我来说很奇怪， console.log(score) 打印出正确的分数值，但导航函数无法传递该值，它只是在另一端显示 null。我想问为什么会这样？ 以下是我的代码。

const ComponentName = () => {
    const [score, setScore] = React.useState(0);

    const handleNavigate = () => {
        console.log(score);
        navigate("/nextPage", {state: score})
        
    }

    return(
    {someCondition
         ? <Button variant="contained"}>A</Button>
         : <Button variant="contained" onClick={handleNavigate}>B</Button>}

    )
}

提前致谢。