title: Swapi get and render films in peopels card
body: <p>i need to render movie title from swapi.co in each people card</p>
  
  <pre><code>import React, {useEffect} from 'react';
  import './App.css';
  
  const App = () =&gt; {
    const [person, setPerson] = React.useState([]);
    const [films, setFilms] = React.useState([]);
  
    useEffect(() =&gt;{
      fetchData('https://swapi.co/api/')
        .then(res =&gt; {
          fetchData(res.people).then(people =&gt; setPerson(people.results));
          fetchData(res.films).then(films =&gt; setFilms(films.results));
        });
    }, [])
  
  
    async function fetchData(url) {
      const response = await fetch(url);
      return response.json();
  };
  
    return(
      &lt;&gt;
        {person.map(item =&gt; ( 
          &lt;div key={item.url}&gt;{item.name}
            &lt;ul&gt;
              {item.films.map(el =&gt; (
                &lt;li&gt;
                  {el}
              &lt;/li&gt;
              ))}                    
            &lt;/ul&gt;
          &lt;/div&gt;
        ))}
  
      &lt;/&gt;
    )
  }
  
  export default App;
  </code></pre>
  
  <p>i don't have idea how i should to do it because in render method  "item.films" return as arr with links to get. How i can change links to movie title? </p>