[Dúvida] Não reconhece o children | React: escrevendo com Typescript

Solucionado (ver solução)

Solucionado
(ver solução)

1
resposta

Referente ao curso React: escrevendo com Typescript, no capítulo Props e atividade Faça como eu fiz: Adicionando Props para o Botão

por Estudante

| 22k xp | 1 posts

fui aplicar o props.children mas não reconhece o children, apenas a prop.texto que foi declarada junto ao React.Component<{texto: string}>, sei que estou numa versão diferente da versão utilizada na aula! gostaria de saber se ainda existe a props.children? e se ainda existe como aplicar?

1 resposta

solução!

por Allan Rogerio Soares Dos Santos

| 187k xp | 1 posts

Analista de Sistemas

16/12/2022

Estava com o mesmo problema, dei uma pesquisada e encontrei a solução a seguir:

Inserir antes da classe:

interface IProps {
    children: React.ReactNode;
}

Depois é só colocar o IProps no lugar do <{texto: string}>, ficando como a seguir:

class Botao extends React.Component<IProps> {
    render() {
        return (
            <button className={style.botao}>
                {this.props.children}
            </button>
        )
    }
}

export default Botao;

No meu caso resolveu.