Instructions:
Working in Restaurant component
At the moment, the number of pizzas a guest can order is static and set to 0, even if they click on the 'Add' button. We will change that in the following to let a guest add more pizzas to their order. First, declare a new state variable orders along with the function to set the orders state setOrders. The initial value of the orders state should be 0. Use the new orders variable instead of the pizzas variable (that you can now delete).
Hint: You need to use the React function useState to create a state variable. Remember to import the function at the top with import React, {useState} from "react";.
Test:
Instructions:
Working in
RestaurantcomponentAt the moment, the number of pizzas a guest can order is static and set to 0, even if they click on the 'Add' button. We will change that in the following to let a guest add more pizzas to their order. First, declare a new state variable
ordersalong with the function to set the orders statesetOrders. The initial value of theordersstate should be 0. Use the newordersvariable instead of thepizzasvariable (that you can now delete).Hint: You need to use the React function
useStateto create a state variable. Remember to import the function at the top withimport React, {useState} from "react";.Test: