Solucionado (ver solução)
Solucionado
(ver solução)
4
respostas

[Sugestão] Link do respositório do desafio faltando

Bom dia

O exemplo do desafio contido em https://cursos.alura.com.br/course/react-evolua-design-system-tailwindcss/task/134696, não possuí um link do repositório. Seria interessante conter os demais arquivos que compõem o story book (.stories e .mdx)

Obrigado.

Felipe D.R

4 respostas

Acabei achando no repositório da continuação do projeto em outro local

https://github.com/alura-cursos/alfabit-ds-pkg/blob/main/components/Notice/Notice.stories.ts

Ocorre um erro ao clicar para exibir um children (o código está idêntico ao do repositório que localizei) Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Porém se eu alterar no arquivo .stories a prop Children para string irá funcionar, mas ainda não vejo uma forma de renderizar os próprios componentes customizáveis que poderiam ser renderizados internamente, uma vez que serão strings.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

Olá, consegue mandar teu repositório pra gente entender teu problema melhor/fazer uns testes?

solução!

Fala, Felipe! Tudo bem?

Muito obrigado por deixar sua sugestão. Realmente estava faltando o link do repositório levando aos arquivos com a solução do desafio. Mas acabei de fazer essa correção na atividade! Se você quiser o link certinho do repositório com as alterações é só clicar aqui!

Em relação ao erro que está aparecendo no seu storybook, é porque você tentou passar um objeto para a prop children e ele só recebe dados do tipo React.Node, ou seja, elementos jsx, outros componentes, etc. Você pode deixar a prop children sem tipo algum na sua história que automaticamente o storybook entenderá qual tipo ele deve receber.

No curso, essa foi a solução pois lá mesmo no storybook não conseguimos passar um dado que seja um elemento jsx ou um componente Button conforme criamos no curso. Mas na prática, se você criar uma aplicação e usar o componente Notice passando para ele um button por exemplo, o componente que criamos no curso, vai funcionar perfeitamente.

Certinho?

Espero ter ajudado!

Bom dia, tudo jóia

Obrigado @Neilton e @Estudante

Atenciosamente

Felipe D.R