React 19 新特性全解析：Actions、use Hook 与并发渲染

React 19 的核心变化

React 19 是自 React 18 以来最重要的版本更新，它在并发渲染的基础上引入了全新的数据流模型，让异步操作的处理变得前所未有地简洁。

Actions：告别繁琐的状态管理

Actions 是 React 19 最受关注的特性。它允许你将异步操作（如表单提交、数据更新）封装为 Action 函数，React 会自动管理 pending 状态、错误处理和乐观更新。

function UpdateProfile() {
  const [error, submitAction, isPending] = useActionState(
    async (prev, formData) => {
      const error = await updateProfile(formData);
      if (error) return error;
      return null;
    },
    null,
  );
  return (
    <form action={submitAction}>
      <input type="text" name="name" />
      <button disabled={isPending}>更新</button>
      {error && <p>{error}</p>}
    </form>
  );
}

use Hook：统一异步资源读取

use 是一个全新的 Hook，可以在渲染期间读取 Promise 或 Context 的值。配合 Suspense 使用，可以极大简化数据加载逻辑。

Document Metadata

React 19 原生支持在组件中渲染 <title>、<meta> 等文档元数据标签，无需再依赖 react-helmet 等第三方库。