[TOC] ## useDeferredValue useDeferredValue 是一個 React Hook，可以讓你延遲更新 UI 的某些部分。 ## 示例 ### hello world ``` import { Suspense, useState, useDeferredValue } from 'react'; import SearchResults from './SearchResults.js'; export default function App() { const [query, setQuery] = useState(''); const deferredQuery = useDeferredValue(query); return ( <> <label> Search albums: <input value={query} onChange={e => setQuery(e.target.value)} /> </label> <Suspense fallback={<h2>Loading...</h2>}> <SearchResults query={deferredQuery} /> </Suspense> </> ); } ``` > useDeferredValue 需要 Suspense 配合, 當SearchResults 返回結果時,才顯示