Use React State and Props to Create an Online Quiz

Offert par
Coursera Project Network
Dans ce Projet Guidé, vous :

Use React props in the Child Component and set state.

Pass the props from the React parent to the Child Component.

Use state and props to render Radio Buttons in the React Child Component.

Clock2 hours
IntermediateIntermédiaire
CloudAucun téléchargement requis
VideoVidéo en écran partagé
Comment DotsAnglais
LaptopOrdinateur de bureau uniquement

By the end of this project, you will use React State and Props to create an online quiz by fetching data from an existing REST API and using React props and state to present questions and check answers. React is an ideal application for creating a web application that can perform dynamic tasks on the Client side using API calls to a REST API. Using React child components helps to break problems down into smaller subtasks. One component may be responsible for fetching data from an API, while another handles form creation and submission. React props allows information passing from React Parent Components to Child Components. Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Les compétences que vous développerez

  • react api fetch
  • React state
  • react event processing
  • react form processing
  • react props

Apprendrez étape par étape

Votre enseignant(e) vous guidera étape par étape, grâce à une vidéo en écran partagé sur votre espace de travail :

  1. Analyze the existing MongoDB, Express, React and Node.js Application.

  2. Use React props in the Child Component and set state.

  3. Pass the props from the React parent to the Child Component.

  4. Use state and props to render Radio Buttons in the React Child Component.

  5. Bind the JavaScript Form and Button Handlers to the React Component.

Comment fonctionnent les Projets Guidés

Votre espace de travail est un bureau cloud situé dans votre navigateur, aucun téléchargement n'est requis.

Votre enseignant(e) vous guide étape par étape dans une vidéo en écran partagé

Foire Aux Questions

Foire Aux Questions

D'autres questions ? Visitez le Centre d'Aide pour les Étudiants.