useState在弹框中使用为啥不能及时拿到最新数据呢 结果里面拿不到最新数据 急急急急 求解

const ChangePhone = () => {
    const [pwdVal, setPwdVal] = useState(0)
    useEffect(() => {
        commonNavBarStore.title = '更换手机号'
    }, [])

    useEffect(() => {
        console.log(pwdVal, 'pwdValpwdValpwdVal')
    }, [pwdVal]);

    async function checkPwd() {
        console.log(pwdVal, '结果结果')
        // let data = await FinFetch('/uc/auth/change_phone/password_check', 'POST', {
        //     employeepwdVal: pwd
        // });
    }
    function changePhone() {
        Modal.alert('输入登录密码', <div className='change-phone-modal'>
            <p>未设置密码请点击确认，如果忘记了原密码请退出后使用忘记密码进行重置</p>
            <InputItem type='password' onChange={(v) => setPwdVal(v)} />
        </div>, [
            { text: '取消', onPress: null },
            {
                text: '确认', onPress: checkPwd
            },
        ])
    }
    let phone = sessionStorage.getItem('phone')
    phone = phone ? phone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2') : phone
    return <div className='change-phone'>
        <img src="/images/Bitmap@2x.png" alt="" className='change-phone-logo' />
        <span className='change-phone-tips'>当前使用的手机号</span>
        <p className='change-phone-num'>{phone}</p>
        <div className='change-phone-btn' onClick={changePhone}>更换手机号</div>
        <span className='change-phone-tips active-tips'>更换后，您的登录号码和企业组织架构中的号码均改变</span>
    </div>
}