From 8801203e88cde3b7b05a192beee8acb143924528 Mon Sep 17 00:00:00 2001 From: Christophe Porteneuve Date: Thu, 7 Sep 2023 12:12:14 +0200 Subject: [PATCH] copy(findDOMNode): final review pass --- TRANSLATORS.md | 1 + src/content/reference/react-dom/findDOMNode.md | 8 ++++---- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/TRANSLATORS.md b/TRANSLATORS.md index 6a9c127ca..64e6b42e8 100644 --- a/TRANSLATORS.md +++ b/TRANSLATORS.md @@ -146,6 +146,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
  • Hooks fournis par React (accueil chapitre)
  • lazy
  • memo
  • +
  • findDOMNode
  • diff --git a/src/content/reference/react-dom/findDOMNode.md b/src/content/reference/react-dom/findDOMNode.md index 48f6213ca..8d8d3797c 100644 --- a/src/content/reference/react-dom/findDOMNode.md +++ b/src/content/reference/react-dom/findDOMNode.md @@ -26,7 +26,7 @@ const domNode = findDOMNode(componentInstance) ### `findDOMNode(componentInstance)` {/*finddomnode*/} -Appelez `findDOMNode` pour trouver le nœud DOM associé à une instance de [composant React à base de classe](/reference/react/Component) donnée. +Appelez `findDOMNode` pour trouver le nœud DOM le plus proche associé à une instance de [composant React à base de classe](/reference/react/Component) donnée. ```js import { findDOMNode } from 'react-dom'; @@ -166,7 +166,7 @@ export default AutoselectingInput; -Ce code plantera parce que désormais, `findDOMNode(this)` trouvera le nœud DOM `
    ` alors qu'il s'attend à un nœud DOM ``. Pour éviter ce genre de problème, utilisez [`createRef`](/reference/react/createRef) pour gérer un nœud DOM spécifique. +Ce code plantera parce que désormais, car `findDOMNode(this)` trouvera le nœud DOM `
    ` alors qu'il s'attend à un nœud DOM ``. Pour éviter ce genre de problème, utilisez [`createRef`](/reference/react/createRef) pour gérer un nœud DOM spécifique. Dans cet exemple, `findDOMNode` n'est plus utilisé. On utilise plutôt `inputRef = createRef(null)` pour définir un champ d'instance. Pour y lire le nœud DOM, vous pouvez utiliser `this.inputRef.current`. Pour le rattacher au JSX, vous mettez dans votre rendu ``. Ça connecte le code utilisant le nœud DOM à son JSX : @@ -313,7 +313,7 @@ Pour remplacer `findDOMNode` dans cet exemple, les deux composants doivent se co 1. `AutoSelectingInput` doit déclarer une ref, comme dans [l'exemple précédent](#reading-components-own-dom-node-from-a-ref), et la fournir à ``. 2. `MyInput` doit être déclaré avec [`forwardRef`](/reference/react/forwardRef) pour prendre cette ref et la transmettre au nœud ``. -C'est ce que fait cette version, qui n'a donc plus besoin de `findDOMNode` : +C'est ce que fait cette version, qui n'a donc plus besoin de `findDOMNode` : @@ -369,7 +369,7 @@ export default MyInput; -Voici à quoi ressemblerait ce code avec des fonctions composants au lieu de classes : +Voici à quoi ressemblerait ce code avec des fonctions composants au lieu de classes :