Problemas ao colocar {this.props.children}

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?

• Solução

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!