Entrar Ainda não tem acesso?
1
resposta

Passar parâmetro por tag de componente

Referente ao curso React: entendendo como a biblioteca funciona, no capítulo Componentizando o sistema e atividade Faça como eu fiz na aula

por José Roberto Rodrigues Dos Santos
| 43.6k xp | 6 posts

Olá, Uma vez que o trecho de código abaixo se repete :

  • {categoria}

    Escreva sua nota

    Não existira uma maneira do react passar o parâmetro categoria na propria tag de componente? Ficaria algo assim:

     {Array.of("Trabalho", "Trabalho", "Estudos").map((categoria) => {
      return (

          <CardNota  value="{categoria}"/>

    })}

    e dentro do componente montaríamos o loop que monta o código repetitivo...

    Existe essa possibilidade?
1 resposta
por Lorena Garcia
| 8288.1k xp | 12128 posts
Alura Scuba Team Suporte Educacional

Olá José,

Sim, é possível passar parâmetros por tag de componente no React. Para isso, basta utilizar as props, que são as propriedades que podem ser passadas para um componente.

No seu exemplo, você pode passar a propriedade "categoria" para o componente "CardNota" da seguinte forma:

{Array.of("Trabalho", "Trabalho", "Estudos").map((categoria) => { return ( ) })}

E dentro do componente "CardNota", você pode acessar a propriedade "categoria" através do objeto "props":

  • {props.categoria}

    Escreva sua nota

  • Dessa forma, o código repetitivo será montado dentro do componente "CardNota" e a propriedade "categoria" será passada por tag de componente.

    Espero ter ajudado e bons estudos!