Dynamic Update of tabs doesn't open a tab by default
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- 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 reproduzindo o problema com o exemplo fornecido de Tabs, TabList, Tab e TabPanel, em que os dados das abas são populados em componentDidMount(). Rastreie como defaultIndex={0} é aplicado depois que as abas são renderizadas novamente. A tarefa estará concluída quando a primeira aba estiver visivelmente aberta assim que o array dinâmico for carregado, sem exigir um clique.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
So I have a React Component with a tablist. If I make it Tab 1 and Tab 2 with Tabpanel 1 and 2 everything works fine.
However, if I have an array called 'Types' that gets filled in the componentDidMount(), it re-renders my Tabs, but in my browser, none of the tabs is opened. Meaning, I have to click one in order to open it. adding defaultIndex={0} didn't help.
This is what I render;
`
<TabList>
{types.map(type => <Tab><div className={styles.tab}>{type.value}</div></Tab>)}
</TabList>
{types.map(type =>
<TabPanel>
{ <p>{type.value}</p> }
</TabPanel>
)}
</Tabs>`
- 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
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de reactjs/react-tabs
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 25/100
reactjs/react-tabs#584 ·
-
className default is lost when props.className is undefined in UncontrolledTabsTalvez já em andamento @Shiva903-hue assumiu há 269 dias. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 45/100
reactjs/react-tabs#581 · 3 comentários ·
-
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#571 ·
-
Dificuldade 4/5 3-5 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#525 · 1 comentário · 1 reação ·
-
Disabled tabs should remain keyboard focusable as per W3C WAI ARIA guidelinesTalvez livre de novo @Jastagar assumiu há 1050 dias e não há nenhum pull request aberto. Aberta
Dificuldade 3/5 1-2 dias Facilidade para iniciantes 35/100
reactjs/react-tabs#521 · 3 comentários ·
Todas as issues de reactjs/react-tabs
Issues semelhantes
-
Language MVP task
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
saayam-for-all/webapp#1914 ·
Mantenedores costumam responder em até 1 dia
-
[Bug] Dev image build fails: `npm install` in the root Dockerfile runs out of memory (exit 134)Talvez já em andamento @andest01 assumiu hoje. Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
Mantenedores costumam responder em até 1 dia
-
good first issue hacktoberfest help wanted
Dificuldade 2/5 Menos de uma hora Facilidade para iniciantes 76/100
pacocartones/free-llm-api-hub#262 ·
Mantenedores costumam responder em até 1 dia
-
agent-task risk:low
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 88/100
guyellis/http-status-check#512 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
microsoft/playwright#43327 ·
Mantenedores costumam responder em até 1 dia