Capítulo 8. La aplicación terminada
Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: translation-feedback@oreilly.com
Todos los componentes de la nueva aplicación están hechos y comprobables en la herramienta de descubrimiento(http://localhost:3000/discovery). Ahora es el momento de unirlos todos en una aplicación que funcione (disponible en el navegador como http://localhost:3000/). La Figura 8-1 muestra el resultado deseado cuando el usuario carga la app por primera vez. Hay una única fila de datos por defecto procedentes de las muestras del esquema para demostrar al usuario el propósito de la app.
Figura 8-1. Cargando la aplicación terminada por primera vez
La Figura 8-2 muestra el cuadro de diálogo que aparece cuando el usuario pulsa el botón + AÑADIR WHINE.
Figura 8-2. Añadir un nuevo registro
La Figura 8-3 muestra el estado de la aplicación después de que el usuario haya añadido una fila más.
Figura 8-3. Dos registros en la tabla
Como ya tienes la cabecera, el cuerpo, el componente de tabla Excel, y el componente de diálogo, la renderización es sólo cuestión de ensamblarlos, así:
<div><Header/><Body><Excel/><Dialog><Form/>
Get React: Up & Running, 2ª Edición now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
