From 09c93196b470020a7a4fbd3a681a802cd4f6b6a2 Mon Sep 17 00:00:00 2001 From: nglvnyls Date: Sun, 6 Sep 2020 23:29:49 +0200 Subject: [PATCH] canvis de la review --- content/docs/forwarding-refs.md | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/content/docs/forwarding-refs.md b/content/docs/forwarding-refs.md index 9d47daadb..9b7ada0af 100644 --- a/content/docs/forwarding-refs.md +++ b/content/docs/forwarding-refs.md @@ -8,16 +8,16 @@ El reenviament de referències és una tècnica per passar automàticament una [ ## Reenviament de referències als components del DOM {#forwarding-refs-to-dom-components} -Considera un component (ButoElegant)`FancyButton` que renderitza l'element `button` nadiu del DOM: +Considera un component (BotoElegant)`FancyButton` que renderitza l'element `button` nadiu del DOM: `embed:forwarding-refs/fancy-button-simple.js` -Els components de React amaguen els seus detalls d'implementació, incloent la seva sortida renderitzada. Altres components que fan servir el `FancyButton` **normalment no caldrà** [obtenen una ref](/docs/refs-and-the-dom.html) a l'element intern `button` del DOM. Això és bo perquè evita que els components es basin massa en l'estructura DOM dels altres. +Els components de React amaguen els seus detalls d'implementació, incloent la seva sortida renderitzada. Altres components que fan servir el `FancyButton` **normalment no caldrà** [que obtenguin una ref](/docs/refs-and-the-dom.html) a l'element intern `button` del DOM. Això és bo perquè evita que els components es basin massa en l'estructura DOM dels altres. -Encara que aquesta encapsulació és desitjable per a components de nivell d'aplicació com `ElMeuTema` o `Comentari`, pot ser inconvenient per a components molt reutilitzables com `ButoElegant` o `ElMeuInputDeText`. Aquests components tendeixen a ser utilitzats en tota l'aplicació d'una manera similar a un `button` i `input` DOM, i accedir als seus nodes DOM pot ser inevitable per gestionar el focus, la selecció o les animacions. +Encara que aquesta encapsulació és desitjable per a components de nivell d'aplicació com `ElMeuTema` o `Comentari`, pot ser inconvenient per a components molt reutilitzables com `BotoElegant` o `ElMeuInputDeText`. Aquests components tendeixen a ser utilitzats en tota l'aplicació d'una manera similar a un `button` i `input` DOM, i accedir als seus nodes DOM pot ser inevitable per gestionar el focus, la selecció o les animacions. **El reenviament de ref és una característica opcional que permet a alguns components prendre una `ref` que reben, i passar-la més avall (en altres paraules, "reenviant" a un component fill.** -A l'exemple de sota el component (ButoElegant) `FancyButton` utilitza `React.forwardRef` per obtenir la `ref` que se li ha passat, i després es dirigeix al `button` del DOM que el renderitza: +A l'exemple de sota el component (BotoElegant) `FancyButton` utilitza `React.forwardRef` per obtenir la `ref` que se li ha passat, i després es dirigeix al `button` del DOM que el renderitza: `embed:forwarding-refs/fancy-button-simple-ref.js` @@ -26,10 +26,10 @@ D'aquesta manera, els components que utilitzen `FancyButton` poden obtenir una r A continuació hi trobaràs una explicació pas a pas del que passa a l'exemple anterior: 1. Creem una [ref de React](/docs/refs-and-the-dom.html) cridant `React.createRef` i assignant-la a una variable `ref`. -2. Passa la nostra `ref` a `` especificant-la com un atribut JSX. -3. React passa el `ref` a la funció `(props, ref) => ...` dins de `forwardRef` com a segon argument. -4. Reenviem aquest argument `ref` avall fins a `