Question: Requirements Add the code for the following requirements within the src / index . js file: Create a component named App which returns any other

Requirements
Add the code for the following requirements within the src/index.js file:
Create a component named App which returns any other components created
Render the App component
Create a component named NumberofStudents
Add a state field within Numberofstudents with two fields: enrolledStudents and
waitlistedStudents
Create two buttons that, when clicked, will increase the number of enrolled students or
waitlisted students by one.
Hint! You will need two different functions
Create two input fields that each have a button: one for the enrolled students and one for
waitlisted students. When a number is entered, the number of the enrolled or waitlisted
students should increase by that specified amount.
Display the number of Enrolled and Waitlisted students on the page.
Include labels as shown in the example below.
Example
Enrolled Students: 87
Add 1 Enrolled Student
Add Multiple Enrolled Students:
Increase Students
Waitlisted Students: 8
Add 1 Waitlisted Student
Add Multiple Waitlisted Students:
 Requirements Add the code for the following requirements within the src/index.js

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!