/w07d03-HW

Primary LanguageJavaScript

React State Practice

Create a react app that displays all the student names, where the following happens:

Step 1: Create a react app using the command npm create-react-app react-state-hw

Step 2: Start implementing the following functionalities:

Functionalities

for your intial state use the following image : (https://cdn0.iconfinder.com/data/icons/characters-2-2-outlined/227/hulk-superhero-marvel-character-avatar-smileface-profile-512.png)

1.

If you click on a name:


2.

If you right click on a name:


3.

If you double click on a name:


4.

  • the message STOP IT!!! disappears after a second and the name goes back to black.

note The css file and the student names have been created for you ! in your newly created component , wrap the element with the following div tags

  <>
    <div className="container">
      <div className="card">
      {allStudents}
      </div>
    </div>
    </>