Introduction Getting data from an API to display in your React app takes a couple steps. In this lesson, we will see how to use: * state * an axios call in componentDidMount * .map() To see a list of Todos from the API We will start state with an empty array, and
Feel free to customize the given the array:
let vacationSpots = [
{
place: "Meridian, Idaho",
price: 40,
timeToGo: "Spring"
},{
place: "Cancun",
price: 900,
timeToGo: "Winter"
},{
place: "China",
price: 1200,
timeToGo: "Fall"
},{
place: "Russia",
price: 1100,
timeToGo: "Summer"
},{
place: "Lebanon",
price: 400,
timeToGo: "Spring"
}
]
Use .map() and props to create multiple vacation
Create a component that you can reuse 10 times. This component should be able to receive props for: * Background Color * Title * Subtitle * Information This component should be styled and built out well. Manually pass in props for each component from a parent component.
You will come up with a business that interests you and create a homepage. Your home page will need:
1. A nav bar
2. An info section
3. A list of products or services
4. Images
5. A footer
App should render the
You should use multiple array methods to solve these problems. Don't use for loops! Using the provided peopleArray (bottom of this article), write a function that: 1. Returns a list of everyone older than 18, which is 2. sorted alphabetically by last name, and where 3. each name and age