Passar parâmetro por tag de componente | React: entendendo como a biblioteca funciona

1
resposta

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

| 6879.9k xp | 10004 posts

Alura Scuba Team Monitora

04/04/2023

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!

{categoria}

{props.categoria}