Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Learn Challenge | Getting Started
React Tutorial

bookChallenge

In this challenge, we will create a react component that adds an item to an HTML list and displays it when a user presses the add button.

Your tasks are as follows:

  • Initialize state variable items with an empty array.
  • Bind the given function handleAddItem in the constructor.
  • Loop over the variable items and display each in a list item.

Hints:

  • Add it as you do in a JS object.
  • Bind using this.methodname.bind(this) code
  • Refer to the JSX chapter.

Solution

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 10

Ask AI

expand

Ask AI

ChatGPT

Ask anything or try one of the suggested questions to begin our chat

Awesome!

Completion rate improved to 3.13

bookChallenge

Swipe to show menu

In this challenge, we will create a react component that adds an item to an HTML list and displays it when a user presses the add button.

Your tasks are as follows:

  • Initialize state variable items with an empty array.
  • Bind the given function handleAddItem in the constructor.
  • Loop over the variable items and display each in a list item.

Hints:

  • Add it as you do in a JS object.
  • Bind using this.methodname.bind(this) code
  • Refer to the JSX chapter.

Solution

Everything was clear?

How can we improve it?

Thanks for your feedback!

SectionΒ 1. ChapterΒ 10
some-alt