5
respostas

Problemas ao colocar {this.props.children}

Conforme a aula, o meu código deu problema no {this.props.children} e não consigo fazer como está o vídeo. Alguém conseguiu da forma em que está na aula? Baixou alguma dependência/pacote?

Grato![](Insira aqui a descrição dessa imagem para ajudar na acessibilidade )

5 respostas

Olá, Julio! Tudo bem? Espero que sim :)

Eu já respondi essa dúvida em outro tópico e vou deixar ele aqui para você dá uma conferida, Ok?

Abraços e bons estudos!

Nilton a pagina da solução nao abre mais !

Olá, Alvaro! O Typescript tem dessas particularidades, mas vou te mostrar um jeito de lidar com esse problema.

Primeiro, você precisa declarar o tipo da props, por exemplo:

interface IProps {
    children: React.ReactChild;
}

E na sua class component só informar esse tipo, dessa forma:

class Botao extends React.Component<IProps> {
    // seu código aqui
}

export default Botao;

Espero que ajude a resolver o problema. Se quer saber mais, este artigo tem uma explicação mais detalhada!

Abraços e bons estudos! :)

Boa tarde, ao criar essa interface IProps o typescript me sinaliza que o ReactChild está deprecated. Existe alguma forma mais atual de tratar esses casos ? Valeu!

Você pode usar children: React.ReactNode. Acredito que seja suficiente. Abraços!