理解 React 的并发特性

什么是并发渲染

并发渲染是 React 18 最重要的新特性。它允许 React 在渲染过程中"暂停"，优先处理更紧急的更新，从而保持 UI 的响应性。

import { startTransition } from 'react';

function SearchPage() {
  const [query, setQuery] = useState('');
  const [results, setResults] = useState([]);

  function handleChange(e) {
    setQuery(e.target.value);
    startTransition(() => {
      setResults(search(e.target.value));
    });
  }

  return (
    <>
      
      
    
  );
}

Suspense 的演进

React 18 的 Suspense 不再只是用于代码分割。现在它可以与任何异步数据源配合使用，提供声明式的加载状态处理。