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: src/content/2/es/part2a.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -392,7 +392,7 @@ Tenga en cuenta que el atributo <i>key</i> ahora debe definirse para los compone
392
392
393
393
Se puede escribir una aplicación React completa en un solo archivo. Aunque eso, por supuesto, no es muy práctico. La práctica común es declarar cada componente en su propio archivo como un <i>módulo ES6</i>.
394
394
395
-
Hemos estado usando módulos todo el tiempo. Las primeras líneas del archivo:
395
+
Hemos estado usando módulos todo el tiempo. Las primeras líneas del archivo <i>main.jsx</i>:
396
396
397
397
```js
398
398
importReactfrom'react'
@@ -405,8 +405,8 @@ Movamos nuestro componente <i>Note</i> a su propio módulo.
405
405
406
406
En aplicaciones más pequeñas, los componentes generalmente se colocan en un directorio llamado <i>components</i>, que a su vez se ubica dentro del directorio <i>src</i>. La convención es nombrar el archivo después del componente.
407
407
408
-
Ahora crearemos un directorio llamado <i>components</i> para nuestra aplicación y colocaremos un archivo llamado <i>Note.js</i> dentro.
409
-
El contenido del archivo Note.js es el siguiente:
408
+
Ahora crearemos un directorio llamado <i>components</i> para nuestra aplicación y colocaremos un archivo llamado <i>Note.jsx</i> dentro.
409
+
El contenido del archivo es el siguiente:
410
410
411
411
```js
412
412
importReactfrom'react'
@@ -426,7 +426,7 @@ Toma en cuenta que en versiones recientes de React ya no es necesario importar R
426
426
427
427
Si necesitamos importar React para usar Hooks y otras funciones exportadas que React provee. Lea más sobre esto [aquí](https://reactjs.org/blog/2020/09/22/introducing-the-new-jsx-transform.html).
428
428
429
-
Ahora el archivo que está usando el componente - <i>index.js</i> - puede [importar](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) el módulo:
429
+
Ahora el archivo que está usando el componente - <i>index.jsx</i> - puede [importar](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/import) el módulo:
430
430
431
431
```js
432
432
importReactfrom'react'
@@ -446,7 +446,7 @@ Tenga en cuenta que al importar nuestros propios componentes, se debe dar su ubi
446
446
'./components/Note'
447
447
```
448
448
449
-
El punto - <i>.</i> - al principio se refiere al directorio actual, por lo que la ubicación del módulo es un archivo llamado <i>Note.js</i> en el subdirectorio <i>components</i> del directorio actual. La extensión del nombre de archivo - _.js_ - se puede omitir.
449
+
El punto - <i>.</i> - al principio se refiere al directorio actual, por lo que la ubicación del módulo es un archivo llamado <i>Note.jsx</i> en el subdirectorio <i>components</i> del directorio actual. La extensión del nombre de archivo - _.jsx_ - se puede omitir.
450
450
451
451
<i>App</i> también es un componente, así que vamos a declararlo también en su propio módulo. Dado que es el componente raíz de la aplicación, lo colocaremos en el directorio <i>src</i>. El contenido del archivo es el siguiente:
0 commit comments