| Navigates? | declarative? | Makes GET, triggers loader | Makes POST, triggers action | No requests |
|---|---|---|---|---|
| navigates | declarative | <Link to=""><Form method="get"> |
<Form method="post"> |
<Link to="#..."> |
| navigates | imperative | navigate()setSearchParams() |
submit() |
navigate("#") |
| stays | declarative | <fetcher.Form method="get"> |
<fetcher.Form method="post"> |
(doesn't make sense) |
| stays | imperative | fetcher.load() |
fetcher.submit() |
(doesn't make sense) |
where
const fetcher = useFetcher();
const navigate = useNavigate();
const submit = useSubmit();
const [searchParams, setSearchParams] = useSearchParams();