Listas y Keys: Renderizando Arrays

import React, { useState } from 'react';

export default function TodoList() {
  // 💡 Tip: Inicializa tu estado con algunas tareas de prueba
  const [tareas, setTareas] = useState([
    { id: 1, texto: "Aprender .map()" },
    { id: 2, texto: "Entender las Keys" }
  ]);

  const eliminarTarea = (id) => {
    // 💡 Tip: Usa .filter() y recuerda la inmutabilidad
  };
  
  return (
    <div style={{ padding: '20px', fontFamily: 'sans-serif', maxWidth: '500px' }}>
      <h1>Mi Lista de Tareas</h1>
      <div style={{ marginTop: '20px' }}>
        {/* Renderiza aquí tus tareas */}
        {/* Cada tarea debe tener su botón de eliminar */}
      </div>
    </div>
  );
}