title: Display only some data from the api
body: <p>Recovering data from api Hello everyone, I need some help about displaying data from an api</p>
  <p>I have a problem to display the data on my front-end as you can see I use an api that allows me to retrieve data(&quot;name&quot;, &quot;address&quot;, &quot;price&quot;) about 100 cryptos. All these data appear in the console.log( res.data) and the console.log(res.data[1].price) allows me to display only one data of the second cryptos of the list which is its price. I would like to be able to do exactly the same thing on the front-end in the sense that I want to use this api to retrieve the data of the 100 cryptos but I want to be able to display the data one by one on the front-end which I can't. In return you can see the code that allows me to display the price of the 100 cryptos at once but this is not what I want to do I would like to be able to display for example only the price of the third crypto of the list on the front-end</p>
  <p>Thanks in advance for your answer</p>
  <p>The script :</p>
  <pre><code>function App(){
  const [data, setData] = useState([]);
  const fetchData = () =&gt; {
    axios
    .get('http://localhost:4500/sushiswap')
    .then((res) =&gt; {
      console.log(res.data)
      console.log(res.data[1].price)
      setData(res.data)
    })
    .catch((err) =&gt; {
      console.log(err)
    })
  }
  useEffect(() =&gt; {
    fetchData()
  }, [])
  
  return(
    &lt;Fragment&gt;
      &lt;ul&gt;
        {data.map(item =&gt;(
          &lt;li key={item.name}&gt;
            &lt;p&gt;{item.price.slice(0, 8)}&lt;/p&gt;
          &lt;/li&gt;
        ))}
      &lt;/ul&gt;
    &lt;/Fragment&gt;
  )
  </code></pre>
  <p>Out for first console.log : (100) [{…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}, {…}]</p>
  <p>0: adress: &quot;0x397ff1542f962076d0bfe58ea045ffa2d347aca0&quot; name: &quot;USDC/ETHView chart&quot; price: &quot;$1.0101$1.01010.000928 ETH0.000928 ETH&quot; [[Prototype]]: Object</p>
  <p>There are 100 of these</p>
  <p>out for second console.log : $1,084.77$1,08545.38 ALCX45.38 ALCX</p>