change forme du useEffect : sortie de fetchData()

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}