Form

Form 组件是一个包装器，它包装了一个普通的HTML from，模拟浏览器进行客户端路由和数据变更。它不像你在React中习惯的表单验证/状态管理。

import { Form } from "react-router-dom";

function NewEvent() {
  return (
    <Form method="post" action="/events">
      <input type="text" name="title" />
      <input type="text" name="description" />
      <button type="submit">Create</button>
    </Form>
  );
}

所有这些操作都会触发状态更新，从而触发 useNavigation 钩子，因此你可以在异步操作正在进行时构建挂起的指示器和乐观的UI。