Props en React
React es una biblioteca de JavaScript que se basa en la fabricación y combinación de componentes para construir interfaces de usuario. Cada componente se define por separado en un archivo javascript, y tiene un aspecto similar a este que sigue, el cual se encontraría en el archivo listaCompra.js:
import React, { Component } from 'react'; import Articulo from './Articulo'; class ListaCompra extends Component { render() { return ( <ul> <Articulo cantidad="1">Pan</Articulo> <Articulo cantidad="6">Leche</Articulo> <Articulo cantidad="2">Huevos</Articulo> </ul> ); } } Las propiedades, que veremos en el código escritas como props, se usan para configurar componentes, y son pasadas desde los componentes padres a los componentes hijos.