Passar parâmetro por tag de componente

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?

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}