O que são props no contexto do React?

props (de inglês properties) no React é um objeto que contém os dados passados do componente pai para o componente filho. Eles estão disponíveis dentro do componente filho apenas para leitura e representam o mecanismo principal para transmitir informações para baixo na árvore de componentes.

Principais características de props:

• Transmissão de dados: Servem para transmitir dados, configurações e callbacks do pai para o filho.
• Imutabilidade: Dentro do componente filho, props não podem ser modificados. Qualquer alteração deve vir do componente pai, que passa novos props.
• Objeto: props são sempre passados como um objeto. Cada propriedade passada torna-se uma chave neste objeto.
• Acesso: Em componentes funcionais, props são passados como o primeiro argumento da função. Em componentes de classe, eles estão disponíveis através de this.props.

Exemplo de transmissão e uso de props:

// Componente pai
function ParentComponent() {
  const greeting = "Olá";
  return <ChildComponent message={greeting} />;
}

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