You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/docs/faq-ajax.md
+14-14Lines changed: 14 additions & 14 deletions
Original file line number
Diff line number
Diff line change
@@ -1,31 +1,31 @@
1
1
---
2
2
id: faq-ajax
3
-
title: AJAX and APIs
3
+
title: AJAX et les API
4
4
permalink: docs/faq-ajax.html
5
5
layout: docs
6
6
category: FAQ
7
7
---
8
8
9
-
### How can I make an AJAX call? {#how-can-i-make-an-ajax-call}
9
+
### Comment faire un appel AJAX? {#how-can-i-make-an-ajax-call}
10
10
11
-
You can use any AJAX library you like with React. Some popular ones are [Axios](https://github.com/axios/axios), [jQuery AJAX](https://api.jquery.com/jQuery.ajax/), and the browser built-in [window.fetch](https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API).
11
+
Vous pouvez utiliser n’importe quelle bibliothèque AJAX de votre choix avec React. Parmi les plus populaires, on trouve [Axios](https://github.com/axios/axios), [jQuery AJAX](https://api.jquery.com/jQuery.ajax/), et le standard [window.fetch](https://developer.mozilla.org/fr/docs/Web/API/Fetch_API) intégré au navigateur.
12
12
13
-
### Where in the component lifecycle should I make an AJAX call? {#where-in-the-component-lifecycle-should-i-make-an-ajax-call}
13
+
### Où dois-je faire mon appel AJAX dans le cycle de vie du composant ? {#where-in-the-component-lifecycle-should-i-make-an-ajax-call}
14
14
15
-
You should populate data with AJAX calls in the [`componentDidMount`](/docs/react-component.html#mounting) lifecycle method. This is so you can use `setState`to update your component when the data is retrieved.
15
+
Vous devriez obtenir vos données via des appels AJAX dans la méthode de cycle de vie [`componentDidMount`](/docs/react-component.html#mounting). De cette façon, vous pourrez y utiliser `setState`pour mettre à jour votre composant lorsque les données seront récupérées.
16
16
17
-
### Example: Using AJAX results to set local state {#example-using-ajax-results-to-set-local-state}
17
+
### Exemple : utiliser des résultats AJAX pour initialiser un état local {#example-using-ajax-results-to-set-local-state}
18
18
19
-
The component below demonstrates how to make an AJAX call in `componentDidMount`to populate local component state.
19
+
Le composant ci-dessous montre comment faire un appel AJAX dans `componentDidMount`pour peupler l'état local d'un composant.
20
20
21
-
The example API returns a JSON object like this:
21
+
Dans l'exemple, l'API renvoie un objet JSON avec la structure suivante :
22
22
23
23
```
24
24
{
25
25
"items": [
26
26
{ "id": 1, "name": "Apples", "price": "$2" },
27
27
{ "id": 2, "name": "Peaches", "price": "$5" }
28
-
]
28
+
]
29
29
}
30
30
```
31
31
@@ -50,9 +50,9 @@ class MyComponent extends React.Component {
50
50
items:result.items
51
51
});
52
52
},
53
-
//Note: it's important to handle errors here
54
-
//instead of a catch() block so that we don't swallow
55
-
// exceptions from actual bugs in components.
53
+
//Remarque : il est important de traiter les erreurs ici
54
+
//au lieu d'utiliser un bloc catch(), pour ne pas passer à la trappe
55
+
//des exceptions provenant de réels bugs du composant.
56
56
(error) => {
57
57
this.setState({
58
58
isLoaded:true,
@@ -65,9 +65,9 @@ class MyComponent extends React.Component {
0 commit comments