As a user I should see all the mushrooms in the forest on page load
AC
WHEN looking at the main page I should see a forest that shows all the possible mushroom types to be picked
Dev Notes
The mushroomData.js file should export a function called getMushrooms that returns an array of ALL the mushrooms
Create a react state that has an empty forest array.
Create a componentDidMount function outside the render in the app.js file.
Create a const for the mushrooms. const { mushrooms } = this.state
Insider the render return a div with the className = "App"
Create an H1 tag with a heading called Forest.
Create inside the return.
Create a mushrooms.js file that renders mushroom cards and exports mushrooms.
Create a forest.js file.
Inside the render make function called makeMushrooms that returns `mushrooms.map((mushroom => ());
Inside the forest.js file inside the render return a div with className="Mushrooms d-flex flex-wrap" and then call the {makeMushrooms}.
*** The App.js file should call the getMushrooms and getBasket and pass the arrays into the appropriate components (array of mushrooms goes to the Forest and basket array goes into Basket component).
User Story
As a user I should see all the mushrooms in the forest on page load
AC
WHEN looking at the main page I should see a forest that shows all the possible mushroom types to be picked
Dev Notes
componentDidMount
function outside the render in theapp.js
file.const { mushrooms } = this.state
className = "App"
makeMushrooms
that returns `mushrooms.map((mushroom => (className="Mushrooms d-flex flex-wrap"
and then call the{makeMushrooms}
.*** The App.js file should call the getMushrooms and getBasket and pass the arrays into the appropriate components (array of mushrooms goes to the Forest and basket array goes into Basket component).