Forståelse af React-Komponenter

En React-applikation er opbygget af komponenter. En komponent er et genanvendeligt stykke af brugergrænsefladen, der styrer, hvad der vises på skærmen. I stedet for at opbygge en hel side som én stor blok, opfordrer React til at opdele grænsefladen i mindre dele. Hver del er ansvarlig for et specifikt afsnit af UI'en, såsom en header, en knap eller en besked.

I React skrives komponenter ved hjælp af JavaScript og defineres som funktioner. Hver komponent returnerer en beskrivelse af, hvad der skal vises på skærmen, og React sørger for at vise det.

Komponenter gør grænseflader lettere at forstå og vedligeholde. Når UI'en vokser, hjælper komponenter med at organisere koden, genbruge logik og undgå gentagelser. Nedenfor ses et simpelt eksempel på en React-komponent:

function Welcome() {
  return <h1>Welcome to React</h1>;
}

Dette er en React-komponent kaldet Welcome. Den returnerer et UI-element, som React kan gengive på skærmen. Du behøver ikke forstå syntaksen endnu. Dette eksempel er med for at vise, hvordan en komponent ser ud på et overordnet niveau.