Utfordring: Opprett Funksjonelle Komponenter
Lag en funksjonell React-komponent som viser en velkomstmelding ved hjelp av props.
Oppgaven består av to deler:
- Lag en barnekomponent
- Lag en komponent kalt
Greeting. - Aksepter en prop kalt
name. - Render et
h2-element med teksten:Hello, {name}.
- Lag en komponent kalt
- Lag en foreldrekomponent
- Lag en komponent kalt
App. - Render
Greeting-komponenten inni denne. - Send verdien
"Oliver"tilname-propen.
- Lag en komponent kalt
- Render
App-komponenten- Render
App-komponenten ved å brukeroot.render.
- Render
- Barnekomponenten mottar data ved hjelp av props.
- Bruk
{props.name}inne i JSX. - Send
name-propen når du rendererGreeting. App-komponenten skal rendres til DOM-en.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 2
Spør AI
Spør AI
Spør om hva du vil, eller prøv ett av de foreslåtte spørsmålene for å starte chatten vår
Fantastisk!
Completion rate forbedret til 4Utfordring: Opprett Funksjonelle Komponenter
Sveip for å vise menyen
Lag en funksjonell React-komponent som viser en velkomstmelding ved hjelp av props.
Oppgaven består av to deler:
- Lag en barnekomponent
- Lag en komponent kalt
Greeting. - Aksepter en prop kalt
name. - Render et
h2-element med teksten:Hello, {name}.
- Lag en komponent kalt
- Lag en foreldrekomponent
- Lag en komponent kalt
App. - Render
Greeting-komponenten inni denne. - Send verdien
"Oliver"tilname-propen.
- Lag en komponent kalt
- Render
App-komponenten- Render
App-komponenten ved å brukeroot.render.
- Render
- Barnekomponenten mottar data ved hjelp av props.
- Bruk
{props.name}inne i JSX. - Send
name-propen når du rendererGreeting. App-komponenten skal rendres til DOM-en.
Alt var klart?
Takk for tilbakemeldingene dine!
Seksjon 2. Kapittel 2
