You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: content/react-part-2/studio/index.md
+3-10Lines changed: 3 additions & 10 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -17,7 +17,7 @@ In this studio, you will make a second Pinterest-inspired application. This stu
17
17
The app you complete in this studio will have the following functionality:
18
18
1. A star rating component that can be updated to display 0 - 5 stars.
19
19
1. The ability to mimic the Save vs Saved button on a Pinterest pin using conditional rendering.
20
-
1. Displaying specific recipe information using the `map` function and a JSON file.
20
+
1. Displaying specific recipe information using the `map` function, if necessary, and a JSON file.
21
21
1. CSS styling has been created for this project. The instructions will let you know what and how to style elements.
22
22
23
23
## Getting Started
@@ -128,7 +128,7 @@ You will need to create a conditional that will render `SaveButton` or `ClickedB
128
128
129
129
## Part 3: Add the Recipe Data
130
130
131
-
The remaining components will be using the `recipe.json` file. You will need to import this file into each component. We will also use the `map` function to find the desired keys.
131
+
The remaining components will be using the `recipe.json` file. You will need to import this file into each component. We can also use the `map` function to find the desired keys if it makes sense to you.
132
132
133
133
### Recipe Name
134
134
@@ -143,16 +143,9 @@ _Desired Output_: This function needs to return the recipe name as an `<h1>` lev
143
143
_Desired Output_: Returns the image of the recipe from the JSON.
144
144
145
145
1. Import the recipe JSON file.
146
-
1. Use the `map` function to find the `recipeImage`.
146
+
1. Find the `recipeImage`.
147
147
1. Use the `<img>` tag. You can pass the recipe name to the alt text value.
148
148
1. Styling has been created for the image. If you would like to apply it set the `className` equal to `recipeImage`.
0 commit comments