Skip to content

Commit d0d6c7b

Browse files
authored
Update part2a.md
Correction of incorrect file extensions
1 parent 41daa4a commit d0d6c7b

File tree

1 file changed

+6
-6
lines changed

1 file changed

+6
-6
lines changed

src/content/2/es/part2a.md

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -392,7 +392,7 @@ Tenga en cuenta que el atributo <i>key</i> ahora debe definirse para los compone
392392

393393
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>.
394394

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>:
396396

397397
```js
398398
import React from 'react'
@@ -405,8 +405,8 @@ Movamos nuestro componente <i>Note</i> a su propio módulo.
405405

406406
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.
407407

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:
410410

411411
```js
412412
import React from 'react'
@@ -426,7 +426,7 @@ Toma en cuenta que en versiones recientes de React ya no es necesario importar R
426426

427427
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).
428428

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:
430430

431431
```js
432432
import React from 'react'
@@ -446,7 +446,7 @@ Tenga en cuenta que al importar nuestros propios componentes, se debe dar su ubi
446446
'./components/Note'
447447
```
448448

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.
450450

451451
<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:
452452

@@ -470,7 +470,7 @@ const App = ({ notes }) => {
470470
export default App // highlight-line
471471
```
472472

473-
Lo que queda en el archivo <i>index.js</i> es:
473+
Lo que queda en el archivo <i>index.jsx</i> es:
474474

475475
```js
476476
import React from 'react'

0 commit comments

Comments
 (0)