Action (React Router)

Definition

Fonction associee a une route qui gere les mutations de donnees (POST, PUT, DELETE) via les soumissions de formulaires natifs.

Analogie

Comme la boite aux lettres d'un bureau : tu deposes ton courrier (formulaire), le bureau (action) le traite.

Exemple de code

export async function createAction({ request }) {
  const formData = await request.formData();
  await api.createUser(Object.fromEntries(formData));
  return redirect('/users');
}
// Route: { path: 'users/new', action: createAction }

Cas d'usage

Gerer les soumissions de formulaires avec revalidation automatique des loaders apres mutation.

Termes lies