Crie uma aplicação React com um componente de classe chamado "Cabecalho", que contenha: • Método "constructor", utilizando o objeto state com a seguinte chave e valor: corFavorita: vermelho • Método "render" para renderizar a seguinte mensagem na tela do browser: A minha cor favorita é .

Crie uma aplicação React com um componente de classe chamado "Cabecalho", que contenha: • Método "render" para renderizar a seguinte mensagem na tela do browser: Esse é o conteúdo do componente Cabeçalho.

Crie uma aplicação React com um componente de classe chamado "Cabecalho", que contenha: • Método "constructor", utilizando o objeto state com a seguinte chave e valor: corFavorita: vermelho • Método "componentDidMount", com uma arrow function chamada "configurarTempoLimite", que altere o valor do objeto state para "amarelo", após 1 segundo. • Método "render" para renderizar a seguinte mensagem na tela do browser: A minha cor favorita é .

Crie uma aplicação React com um componente de classe chamado "Cabecalho", que contenha: • Método "constructor", utilizando o objeto state com a seguinte chave e valor: corFavorita: vermelho • Método "componentDidMount", com uma arrow function chamada "configurarTempoLimite", que altere o valor do objeto state para "amarelo", após 1 segundo. • Método "componentDidUpdate" para mudar o conteúdo HTML do elemento "

Crie uma aplicação React com dois componentes chamados "Recipiente" e "Garrafa". O componente "Recipiente" deve conter: • Método "constructor", utilizando o objeto state com a seguinte chave e valor: mostrar: true • Arrow function chamada "removerCabecalho", que altere o objeto state para false. • Método "render", que verifique o valor do objeto state. Caso seja true, a variável "meuCabecalho" deverá receber o componente "Garrafa" (meuCabecalho = ;). Nesse caso, renderize o valor da variável "meuCabecalho" e um botão chamado "Remover Cabeçalho", que no evento "onClick" chame a função "removerCabecalho". O componente "Garrafa" deve conter: • Método "componentWillUnmount", que use uma caixa de alerta ("alert") para exibir a seguinte mensagem: O componente chamado Cabecalho está prestes a ser desmontado. • Método "render" para renderizar a seguinte mensagem na tela do browser: Olá, React! Ao clicar no botão "Remover Cabeçalho", a mensagem da caixa de alerta será exibida e, em seguida, a mensagem "Olá, React" não será renderizada.