Skip to content

Commit d0c0ea3

Browse files
ArmandPhilippotdreyfus92
authored andcommitted
i18n(fr): update routing-reference.mdx (withastro#12442)
Co-authored-by: paul valladares <[email protected]>
1 parent 8f28df8 commit d0c0ea3

File tree

1 file changed

+35
-0
lines changed

1 file changed

+35
-0
lines changed

src/content/docs/fr/reference/routing-reference.mdx

Lines changed: 35 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -170,6 +170,41 @@ const { post } = Astro.props;
170170
<h1>{id}: {post.name}</h1>
171171
```
172172

173+
### `routePattern`
174+
175+
<p>
176+
177+
**Type :** `string` <br />
178+
<Since v="5.14.0" />
179+
</p>
180+
181+
Une propriété disponible dans les options de [`getStaticPaths()`](#getstaticpaths) pour accéder au [modèle de route (`routePattern`)](/fr/reference/api-reference/#routepattern) actuel sous forme de chaîne de caractères.
182+
183+
Cela fournit des données à partir du [contexte de rendu d'Astro](/fr/reference/api-reference/) qui ne seraient pas autrement disponibles dans le cadre de `getStaticPaths()` et peuvent être utiles pour calculer les `params` et `props` pour chaque route de page.
184+
185+
`routePattern` reflète toujours la définition du segment dynamique d'origine dans le chemin du fichier (par exemple `/[...locale]/[files]/[slug]`), contrairement à `params`, qui sont des valeurs explicites pour une page (par exemple `/fr/fichiers/article-1/`).
186+
187+
L'exemple suivant montre comment localiser vos segments de route et renvoyer un tableau de chemins statiques en passant `routePattern` à une fonction d'assistance personnalisée nommée `getLocalizedData()`. L'objet [params](/fr/reference/routing-reference/#params) sera défini avec des valeurs explicites pour chaque segment de route : `locale`, `files` et `slug`. Ensuite, ces valeurs seront utilisées pour générer les routes et pourront être utilisées dans votre modèle de page via `Astro.params`.
188+
189+
190+
```astro title="src/pages/[...locale]/[files]/[slug].astro" "routePattern" "getLocalizedData"
191+
---
192+
import { getLocalizedData } from "../../../utils/i18n";
193+
194+
export async function getStaticPaths({ routePattern }) {
195+
const response = await fetch('...');
196+
const data = await response.json();
197+
198+
console.log(routePattern); // [...locale]/[files]/[slug]
199+
200+
// Appelez votre assistant personnalisé avec `routePattern` pour générer les chemins statiques
201+
return data.flatMap((file) => getLocalizedData(file, routePattern));
202+
}
203+
204+
const { locale, files, slug } = Astro.params;
205+
---
206+
```
207+
173208
### `paginate()`
174209

175210
<p>

0 commit comments

Comments
 (0)