modif persons data

src/components/person.component.jsx

 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);

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 );
    }      
 

src/data/personsData.js

@@ -8,6 +8,11 @@ const persons = [
       id: 'A002',
       name: "Bilbo Baggins",
       age: 111
+   },
+   {
+      id: 'A003',
+      name: "Frodo Baggins",
+      age: 33
    }
 ];