diff --git a/src/components/person.component.jsx b/src/components/person.component.jsx index 079ef8f6c651e6f31d82f262dd23cc813047db5a..2c04880ad8b0dc5212bc6df773ec318257a00270 100644 --- a/src/components/person.component.jsx +++ b/src/components/person.component.jsx @@ -1,11 +1,7 @@ import { useState, useEffect } from 'react'; -// import stysheet defining style specific to this component import '../assets/style/person.css'; -/* -* define a component that uses props, props is a javascript object -*/ const Person = ( { name = 'Anonymous', age, started, delay } ) => { const [ currentAge, setCurrentAge ] = useState(age); diff --git a/src/components/personListing.component.jsx b/src/components/personListing.component.jsx index 09738a47bcf35cfa8c05113d8ab13f53ded853bb..3c238c0e0c19621ece825259415a2aa87c2afedf 100644 --- a/src/components/personListing.component.jsx +++ b/src/components/personListing.component.jsx @@ -13,7 +13,7 @@ const PersonListing = props => { const [persons, setPersons ] = useState([]); const fetchData = async () => { - const data = await mockFetch('http://source.of.data/persons',1000); + const data = await mockFetch('http://source.of.data/persons',10); setPersons( data ); } diff --git a/src/data/personsData.js b/src/data/personsData.js index 9ba76f55991480c7da0ff381c52c815712a0918f..82832b37ceb15bb53426bd886b72d63d564c77a6 100644 --- a/src/data/personsData.js +++ b/src/data/personsData.js @@ -8,6 +8,11 @@ const persons = [ id: 'A002', name: "Bilbo Baggins", age: 111 + }, + { + id: 'A003', + name: "Frodo Baggins", + age: 33 } ];