¿Qué son las props en el contexto de React?

props (de la palabra inglesa properties) en React es un objeto que contiene los datos pasados desde el componente padre al componente hijo. Están disponibles dentro del componente hijo solo para lectura y representan el mecanismo principal para transmitir información hacia abajo en el árbol de componentes.

Características principales de props:

• Transmisión de datos: Sirven para transmitir datos, configuraciones y callbacks del padre al hijo.
• Inmutabilidad: Dentro del componente hijo, props no se pueden modificar. Cualquier cambio debe provenir del componente padre, que pasa nuevos props.
• Objeto: props siempre se pasan como un objeto. Cada propiedad pasada se convierte en una clave en este objeto.
• Acceso: En componentes funcionales, props se pasan como el primer argumento de la función. En componentes de clase, están disponibles a través de this.props.

Ejemplo de transmisión y uso de props:

// Componente padre
function ParentComponent() {
  const greeting = "Hola";
  return <ChildComponent message={greeting} />;
}

// Componente hijo
function ChildComponent(props) {
  return <p>{props.message}, ¡mundo!</p>;
}