Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

className default is lost when props.className is undefined in UncontrolledTabs

Aberta
#581 3 comentários 0 reações 0 responsáveis Ver no GitHub

@Shiva903-hue já está trabalhando nisso.

Desde 16/1/2026.

  • #599 de @Shiva903-hue — aberto

Avaliação

Dificuldade
2/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
45/100
Tipo de issue
Bug
Clareza
Razoavelmente clara
Status de atividade
Estagnada
Stack de tecnologia
javascript, react
Domínio
frontend

Direção de pesquisa

Comece pelo componente UncontrolledTabs e inspecione o spread de objeto de default-props, reproduzindo o caso em que props.className é explicitamente undefined. Confirme o comportamento esperado para a classe padrão "react-tabs" e verifique se a classe continua sendo aplicada sem comprometer um className fornecido explicitamente.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

In the UncontrolledTabs component, default props are merged using object spreading:

const { className, ...attributes } = { ...defaultProps, ...props, };

Even the defaultProps.className is defined ('react-tabs') and props.className is explicitly undefined, the spread operation will overwrite the default and set className to undefined.

As a result, the default class name is lost. It's unclear whether this behavior is intended, but it can lead to unexpected issues, especially when upgrading from older versions where the default class was always applied. Projects relying on the default 'react-tabs' class for styling or selectors may break silently.

Linguagem predominante
JavaScript
Estrelas
3.1k
Forks
455
Métricas de merge de PRs
Nenhum PR com merge em 30d

Preparar o ambiente

Este projeto não oferece contêiner de desenvolvimento, Dockerfile nem guia de contribuição, então a configuração fica por sua conta: comece pelo README e veja nosso guia da primeira contribuição para os passos gerais.

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de reactjs/react-tabs

Todas as issues de reactjs/react-tabs

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.