Получение данных из массива

let m =["Вася", "Федя", "Петя"]

let trackDiv = this.track().map((arr, idx)=>
            { return <div className = 'text-primary' key = {idx} >{this.track()}</div> }
        )
<div>
{trackDiv}
</div>

const App = () => {
  const m = ["Вася", "Федя", "Петя"];
  
  return (
    <div>
      {m.map(v => (<p key={v}>{v}</p>))}
    </div>
  )
}
 
ReactDOM.render(<App/>, app);

import React, {Component} from 'react';
export default class App extends Component {
    state = {
     data: []
    }
    async componentDidMount() {
        let response = await
            fetch(`http://ws.audioscrobbler.com/2.0/?method=tag.gettoptracks&tag=disco&api_key=f21dfa58ed2c6c4a65227b8f730c281b&format=json`,
            )
        let data = await response.json();
 
        this.setState({
            data: data
        })
    }
    track = () => {
        let listTrack =[]
        let listArtist = []
        let arrData = Object.values(this.state.data)
        for (let temporaryResult of arrData) {
            let arrTop = Object.values(temporaryResult)
            let i = 0
            for (i; i < arrTop[0].length; i++) {
 
           let artistes= arrTop[0][i].artist.name
           listArtist.push(artistes)
 
            let topTracks = arrTop[0][i].name
            listTrack.push(topTracks)
            }
        }
        return[listTrack, listArtist]
    }
 
    render() {
        let trackDiv = this.track()[0].map((arr, idx)=>
            { return <div className = 'text-primary' key = {idx} >{this.track()}</div> }
        )
 
    return (
        <div className="container">
            <div className="row bg-light">
                <div className="col-sm text-danger">
                    {trackDiv}
                </div>
                <div className="col-sm">
                    Одна из трёх колонок
                </div>
                <div className="col-sm">
                    Одна из трёх колонок
                </div>
            </div>
        </div>
    )
  }
}

import Axios from 'axios'
import React, { useEffect, useState } from 'react'
 
 
export default function App() {
 
  const [data, SetData] = useState([])
 
  useEffect(() => {
 
    Axios.get(
      `http://ws.audioscrobbler.com/2.0/?method=tag.gettoptracks&tag=disco&api_key=
      f21dfa58ed2c6c4a65227b8f730c281b&format=json`
    )
      .then(resp => SetData([...resp.data.tracks.track]))
 
  }, [])
 
  let fragment = data.map(element =>
    <p>{element.artist.name} : {element.name}</p>
  )
 
  return (
    <div className="App">{fragment}</div>
  )
}