我有以下几点：

const [type, settype] = useState('')

let handleTypeChange = (e) => {
    settype(e.target.value)
    console.log(type)
}

         return (
                 <div >          
                    <select onChange={handleTypeChange}>
                        <option value="⬇️ Select a type ⬇️"> -- Select a type -- </option>
                        {types.map((type) => <option value={type.Id}>{type.name}</option>)}
                    </select>
                </div>
   
             );
    }
    export default Type;

字符串
问题是，当我检查控制台时，控制台中没有任何内容。由于react中的异步，它还没有设置变量，如果我第二次选择另一个值，我可以看到一个值。
我甚至尝试了settype（x => type），仍然不起作用。
如果我调用settype，我如何确保值“type”立即更新？
更新日期：

Componenet B

function goToPage(url) {
    window.location.href = url;
}
const gotopage = (event) => {
    goToPage(`/Details?Id=${custId}`)
};

Component A  (Details.jsx page)

const [custId, setcustId] = useState('');

useEffect(() => {       
    const queryParameters = new 
                          URLSearchParams(window.location.search)
    const custId = queryParameters.get("custId")
    if (custId) {            
        setcustId(x => custId) 
         getDetails()
    }        
}, [])

   

 const getDetails = () => {

    if (custId != null) 
    {
        getUser();        
    }
}

 const getUser = () => {
    service.getUser(custId)
        .then(function (result) {
            //...do stuff with the result
        });
};

型
当它到达getUser时，custId中的值为空。我如何确保这里的值是从调用页面更新的？