Use React State and Props to Create an Online Quiz

от партнера
Coursera Project Network
В этом Проект с консультациями вы:

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
IntermediateУчащийся среднего уровня
CloudЗагрузка не требуется
VideoВидео на разделенном экране
Comment DotsАнглийский
LaptopТолько для ПК

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.

Навыки, которые вы получите

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

Будете учиться пошагово

На видео, которое откроется рядом с рабочей областью, преподаватель объяснит эти шаги:

  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.

Как устроены проекты с консультациями

Ваше рабочее пространство — это облачный рабочий стол в браузере. Ничего не нужно загружать.

На разделенном экране видео преподаватель предоставляет пошаговые

Часто задаваемые вопросы

Часто задаваемые вопросы

Остались вопросы? Посетите Центр поддержки учащихся.