Default Props Valores padrão de props
Última atualização: 2026-11-03
Default Props Valores padrão de props
Quando o pai não passa uma prop, o valor dela é undefined e a interface pode ficar em branco ou lançar um erro. Os valores padrão da desestruturação (ou o operador ??) dão um fallback às props opcionais, para que o componente continue se comportando de forma sensata quando uma prop falta e a interface permaneça amigável. Os defaults só entram em ação quando o valor é undefined, então valores falsy como 0 ou string vazia continuam sendo respeitados.
| Grupo | Renderização e Estado |
|---|---|
| Tipo | Padrão |
| Desde | Primeiras versões do React |
ℹ️ Informação O editor transpila JSX para JavaScript e renderiza a UI real na sandbox; os componentes são montados automaticamente — sem render manual.
📝 Sintaxe
function Avatar({ name = 'Anonymous', size = 40 }) {
// ↑ default de desestruturação: aplicado quando a prop não é passada
...
}⚙️ Parâmetros
| destructuring default | Dê um fallback a uma prop com = dentro da desestruturação do parâmetro; ele só se aplica quando o valor é undefined, então 0 e '' continuam sendo usados como vieram. |
|---|
Retorna：Sem valor de retorno — uma convenção de código e um modelo mental.
▶ Exemplo
O exemplo roda direto: renderiza automaticamente ao expandir e edições valem na hora.
Saída：
Três linhas de avatares: a primeira mostra uma "Alice" grande; a segunda mostra "Bob", que não tem prop de tamanho e usa o tamanho médio padrão; a terceira não passa nada e mostra o nome padrão "Anonymous user" com um avatar médio.💡 Pontos-chave
🏷️ Mais Renderização e Estado
💡 Casos Relacionados
📚 Tutoriais Relacionados
❓ Perguntas Frequentes
