2
respostas

Dúvida: Mudança no {children}.

Boa Tarde! Desde o ínicio do projeto eu venho usado a palavra {children} para ser usada no props, mas nessa aula, ao fazer a criação do componente título eu tentei trocar e coloquei {texto} como um novo parâmetro. Porém não funcionou, a frase não apareceu, então eu retornei com o {children} e tive o retorno da frase. A minha dúvida é, se eu declarar o {children} pela primeira vez no ínicio do projeto, eu não consigo mais alterar essa palavra no decorrer da criação dos componentes?

`import styles from './Titulo.module.css'

function Titulo({ children }){ return(

{children}
); }

export default Titulo;`

2 respostas

Olá, Barbara, como vai?

No React, {children} é uma propriedade especial que recebe um conteúdo passado entre as tags do componente. Quando você troca {children} por {texto}, o componente deixa de reconhecer automaticamente o conteúdo passado e passa a esperar uma prop chamada texto.

Se quiser usar {texto} no lugar de {children}, é necessário declarar essa propriedade no componente e passá-la ao chamá-lo. Por exemplo:

tela da IDE com dois componentes, um recebendo children como props e outro recebendo texto

A escolha entre {children} e {texto} depende da forma como você prefere estruturar o componente e como ele será utilizado.

Espero ter ajudado!

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)

Caso este post tenha lhe ajudado, por favor, marcar como solucionado

O children já é uma palavra reservada como propriedade especial, correto? Porém, eu já tentei criar um componente e nele eu passeio {texto} como "propriedade especial", mas deu erro. Mesmo sendo um arquivo novo e diferente dos outros no qual eu já tinha utilizado o children. ENtão no final eu troquei {texto} por {children} e funcionou. Mesmo eu já tendo declarado {texto} para testar se funcionaria, ele não rodou.