title: What is the better way to get values from the links in JSON with Javascript
body: <p>Im working with a microservice for matches in football games. Every MATCH has a HOME team and AWAY team. </p>
  
  <pre><code>matches" : [ {
    "start_at" : "2018-06-14T18:00:00.000+0000",
    "num" : 1,
    "knockout" : false,
    "scoreHome" : 0,
    "scoreAway" : 0,
    "scoreHomeET" : 0,
    "scoreAwayET" : 0,
    "scoreHomePenalties" : 0,
    "scoreAwayPenalties" : 0,
    "resultRegularTime" : 0,
    "_links" : {
      "self" : {
        "href" : "http://localhost:8080/matches/1"
      },
      "match" : {
        "href" : "http://localhost:8080/matches/1"
      },
      "away" : {
        "href" : "http://localhost:8080/matches/1/away"
      },
      "home" : {
        "href" : "http://localhost:8080/matches/1/home"
      },
      "round" : {
        "href" : "http://localhost:8080/matches/1/round"
      }
    }
  },
  </code></pre>
  
  <p>In my react app, Im reading those values with axios. Everything is fine, but what is the better way to acess the JSON data of a link? </p>
  
  <p>I want to get the value of the away team in the link:
       "away" : {
            "href" : "<a href="http://localhost:8080/matches/1/away" rel="nofollow noreferrer">http://localhost:8080/matches/1/away</a>"
          },</p>
  
  <p>Something like 
      const awayTeam = {match.away} kind of stuff</p>
  
  <p>What is the better way to do this? </p>
  
  <p>Thanks</p>