Introducción

3 minutos

Los componentes son unidades independientes y reutilizables, y constituyen el núcleo de cualquier aplicación React. Los componentes pueden tener sus propias propiedades (o props), que permiten pasar datos a un componente, lo que hace que se pueda volver a usar en diferentes escenarios. También puede utilizar datos complejos más allá de las cadenas y los tipos primitivos, lo que brinda a los componentes aún más eficacia.

Objetivos

En este módulo aprenderá a:

Mostrar datos dinámicos.
Mostrar listas de datos.
Agregar propiedades (props) a los componentes.
Usar objetos y tipos de datos complejos.

Requisitos previos

Aptitudes

Conocimiento de HTML, CSS y JavaScript
Conocimientos básicos de React y de los componentes de React
Conocimiento de la administración de paquetes con Node.js y npm
Conocimiento de Git

Software instalado localmente

Node.js
Un editor de código como Visual Studio Code
Git

Clonación del proyecto y apertura del código en Visual Studio Code

Este módulo usa un proyecto de inicio.

Para obtener el proyecto de inicio, ejecute el código siguiente una ventana de comandos o en una ventana de terminal. Así, se clona el repositorio y se abre la carpeta de inicio en Visual Studio Code.

# Windows
git clone https://github.com/MicrosoftDocs/mslearn-react
cd mslearn-react\code\2-component-data\start
code .

# macOS or Linux
git clone https://github.com/MicrosoftDocs/mslearn-react
cd mslearn-react/code/2-component-data/start
code .