Skip to content

Commit 8801203

Browse files
committed
copy(findDOMNode): final review pass
1 parent 2d1391a commit 8801203

File tree

2 files changed

+5
-4
lines changed

2 files changed

+5
-4
lines changed

TRANSLATORS.md

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -146,6 +146,7 @@ Voici la liste par ordre alphabétique (prénom, nom). **🙏🏻 Mille mercis
146146
<li><a href="https://fr.react.dev/reference/react">Hooks fournis par React</a> (accueil chapitre)</li>
147147
<li><a href="https://fr.react.dev/reference/react/lazy"><code>lazy</code></a></li>
148148
<li><a href="https://fr.react.dev/reference/react/memo"><code>memo</code></a></li>
149+
<li><a href="https://fr.react.dev/reference/react-dom/findDOMNode"><code>findDOMNode</code></a></li>
149150
</ul>
150151
</td>
151152
</tr>

src/content/reference/react-dom/findDOMNode.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ const domNode = findDOMNode(componentInstance)
2626

2727
### `findDOMNode(componentInstance)` {/*finddomnode*/}
2828

29-
Appelez `findDOMNode` pour trouver le nœud DOM associé à une instance de [composant React à base de classe](/reference/react/Component) donnée.
29+
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.
3030

3131
```js
3232
import { findDOMNode } from 'react-dom';
@@ -166,7 +166,7 @@ export default AutoselectingInput;
166166

167167
</Sandpack>
168168

169-
Ce code plantera parce que désormais, `findDOMNode(this)` trouvera le nœud DOM `<div>` alors qu'il s'attend à un nœud DOM `<input>`. Pour éviter ce genre de problème, utilisez [`createRef`](/reference/react/createRef) pour gérer un nœud DOM spécifique.
169+
Ce code plantera parce que désormais, car `findDOMNode(this)` trouvera le nœud DOM `<div>` alors qu'il s'attend à un nœud DOM `<input>`. Pour éviter ce genre de problème, utilisez [`createRef`](/reference/react/createRef) pour gérer un nœud DOM spécifique.
170170

171171
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 `<input ref={this.inputRef} />`. Ça connecte le code utilisant le nœud DOM à son JSX :
172172

@@ -313,7 +313,7 @@ Pour remplacer `findDOMNode` dans cet exemple, les deux composants doivent se co
313313
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 à `<MyInput>`.
314314
2. `MyInput` doit être déclaré avec [`forwardRef`](/reference/react/forwardRef) pour prendre cette ref et la transmettre au nœud `<input>`.
315315

316-
C'est ce que fait cette version, qui n'a donc plus besoin de `findDOMNode` :
316+
C'est ce que fait cette version, qui n'a donc plus besoin de `findDOMNode` :
317317

318318
<Sandpack>
319319

@@ -369,7 +369,7 @@ export default MyInput;
369369

370370
</Sandpack>
371371

372-
Voici à quoi ressemblerait ce code avec des fonctions composants au lieu de classes :
372+
Voici à quoi ressemblerait ce code avec des fonctions composants au lieu de classes :
373373

374374
<Sandpack>
375375

0 commit comments

Comments
 (0)