Customref: create a customref and rely on it to track and update data to trigger display control

You can use CustomRef to implement Debounce

function useDeboundRef<T>(value:T,delay = 200){ let timeout:number return customRef((track,trigger)=>{ return { get(){ track() return value }, set(newValue:T){ if(timeout){clearTimeout(timeout)} timeout = setTimeout(()=>{ trigger() value = newValue },delay) } } })}Copy the code