Componentes em React

Em React, um componente é a unidade fundamental de uma aplicação. Um componente pode ser considerado como um bloco de construção reutilizável que pode ser combinado com outros componentes para criar uma aplicação complexa.

Existem dois tipos de componentes em React: componentes de classe e componentes funcionais. Componentes de classe são definidos usando a sintaxe ES6 e herdam da classe React.Component. Já os componentes funcionais são funções JavaScript simples que recebem propriedades como argumentos e retornam elementos React.

Independentemente do tipo de componente, eles compartilham uma mesma estrutura básica, que consiste em um método render() que retorna uma hierarquia de elementos React. Esses elementos podem ser outros componentes ou elementos HTML regulares, e podem incluir propriedades e estados para tornar o componente dinâmico e interativo.

Por exemplo, um componente simples de classe que exibe um texto pode ser definido da seguinte forma:

    import React from 'react';

    class MeuComponente extends React.Component {
      render() {
        return <p>Olá, mundo!</p>;
      }
    }

Já um componente funcional equivalente seria:

    jsx
    Copy code
    import React from 'react';
    
    function MeuComponente() {
      return <p>Olá, mundo!</p>;
    }