Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Impara Sfida: Creare Componenti Funzionali | Componenti Riutilizzabili e Flusso dei Dati
Practice
Projects
Quizzes & Challenges
Quiz
Challenges
/
Introduzione a React

bookSfida: Creare Componenti Funzionali

Crea un componente funzionale React che visualizza un messaggio di saluto utilizzando le props.

L'attività è composta da due parti:

  1. Creare un componente figlio
    • Creare un componente chiamato Greeting.
    • Accettare una prop chiamata name.
    • Visualizzare un elemento h2 con il testo: Hello, {name}.
  2. Creare un componente genitore
    • Creare un componente chiamato App.
    • Visualizzare il componente Greeting al suo interno.
    • Passare il valore "Oliver" alla prop name.
  3. Visualizzare il componente App
    • Visualizzare il componente App utilizzando root.render.
  • Il componente figlio riceve i dati tramite le props.
  • Utilizzare {props.name} all'interno di JSX.
  • Passare la prop name quando si visualizza Greeting.
  • Il componente App deve essere visualizzato nel DOM.
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 2

Chieda ad AI

expand

Chieda ad AI

ChatGPT

Chieda pure quello che desidera o provi una delle domande suggerite per iniziare la nostra conversazione

bookSfida: Creare Componenti Funzionali

Scorri per mostrare il menu

Crea un componente funzionale React che visualizza un messaggio di saluto utilizzando le props.

L'attività è composta da due parti:

  1. Creare un componente figlio
    • Creare un componente chiamato Greeting.
    • Accettare una prop chiamata name.
    • Visualizzare un elemento h2 con il testo: Hello, {name}.
  2. Creare un componente genitore
    • Creare un componente chiamato App.
    • Visualizzare il componente Greeting al suo interno.
    • Passare il valore "Oliver" alla prop name.
  3. Visualizzare il componente App
    • Visualizzare il componente App utilizzando root.render.
  • Il componente figlio riceve i dati tramite le props.
  • Utilizzare {props.name} all'interno di JSX.
  • Passare la prop name quando si visualizza Greeting.
  • Il componente App deve essere visualizzato nel DOM.
Tutto è chiaro?

Come possiamo migliorarlo?

Grazie per i tuoi commenti!

Sezione 2. Capitolo 2
some-alt