diff --git a/src/components/personListing.component.jsx b/src/components/personListing.component.jsx index 74b6c0290e9078a8a227f35ddd57f692d1ac533f..09738a47bcf35cfa8c05113d8ab13f53ded853bb 100644 --- a/src/components/personListing.component.jsx +++ b/src/components/personListing.component.jsx @@ -12,17 +12,16 @@ const PersonListing = props => { const [persons, setPersons ] = useState([]); + const fetchData = async () => { + const data = await mockFetch('http://source.of.data/persons',1000); + setPersons( data ); + } useEffect( () => { - console.log('component did mount'); - const fetchData = async () => { - const data = await mockFetch('http://source.of.data/persons'); - setPersons( data ); - } fetchData(); }, []); - const personComponents = persons?.map(person => <Person + const personComponents = persons.map(person => <Person {...person} {...props} key={person.id}