Hiển thị phản hồi lạc quan ngay trong lúc Action đang chạy và quay về state nguồn khi cập nhật không thành công.
Môi trường thực hành:
React v19.2 (Client Sandbox)
ESM CDN · Hot Reload
React Playground
React v19.2
Interactive Client Sandbox · Live Hot Reload
4 files
src/main.tsx
Entry File
Instructions:Thực hành React: Optimistic UI với useOptimistic. Bạn có thể xem cấu trúc index.html, main.tsx và trực tiếp chỉnh sửa component trong src/App.tsx.