Analyser des données à partir de JSON dans ReactJS

J'ai des données comme ceci:

{
  "movies": [
    {
      "abridged_cast": [
        {
          "characters": [
            "Dominic Toretto"
          ],
          "id": "162652472",
          "name": "Vin Diesel"
        },
        {
          "characters": [
            "Brian O'Conner"
          ],
          "id": "162654234",
          "name": "Paul Walker"
        },
        {
          "characters": [
            "Louie Tran"
          ],
          "id": "162684066",
          "name": "Tony Jaa"
        },
        {
          "characters": [
            "Deckard Shaw"
          ],
          "id": "162653720",
          "name": "Jason Statham"
        },
        {
          "characters": [
            "Luke Hobbs"
          ],
          "id": "770893686",
          "name": "Dwayne \"The Rock\" Johnson"
        }
      ],
      "alternate_ids": {
        "imdb": "2820852"
      },
      "critics_consensus": "",
      "id": "771354922",
      "links": {
        "alternate": "http://www.rottentomatoes.com/m/furious_7/",
        "cast": "http://api.rottentomatoes.com/api/public/v1.0/movies/771354922/cast.json",
        "reviews": "http://api.rottentomatoes.com/api/public/v1.0/movies/771354922/reviews.json",
        "self": "http://api.rottentomatoes.com/api/public/v1.0/movies/771354922.json",
        "similar": "http://api.rottentomatoes.com/api/public/v1.0/movies/771354922/similar.json"
      },
      "mpaa_rating": "PG-13",
      "posters": {
        "detailed": "http://resizing.flixster.com/pVDoql2vCTzNNu0t6z0EUlE5G_c=/51x81/dkpu1ddg7pbsk.cloudfront.net/movie/11/18/14/11181482_ori.jpg",
        "original": "http://resizing.flixster.com/pVDoql2vCTzNNu0t6z0EUlE5G_c=/51x81/dkpu1ddg7pbsk.cloudfront.net/movie/11/18/14/11181482_ori.jpg",
        "profile": "http://resizing.flixster.com/pVDoql2vCTzNNu0t6z0EUlE5G_c=/51x81/dkpu1ddg7pbsk.cloudfront.net/movie/11/18/14/11181482_ori.jpg",
        "thumbnail": "http://resizing.flixster.com/pVDoql2vCTzNNu0t6z0EUlE5G_c=/51x81/dkpu1ddg7pbsk.cloudfront.net/movie/11/18/14/11181482_ori.jpg"
      },
      "ratings": {
        "audience_rating": "Upright",
        "audience_score": 88,
        "critics_rating": "Certified Fresh",
        "critics_score": 82
      },
      "release_dates": {
        "theater": "2015-04-03"
      },
      "runtime": 140,
      "synopsis": "Continuing the global exploits in the unstoppable franchise built on speed, Vin Diesel, Paul Walker and Dwayne Johnson lead the returning cast of Fast & Furious 7. James Wan directs this chapter of the hugely successful series that also welcomes back favorites Michelle Rodriguez, Jordana Brewster, Tyrese Gibson, Chris \"Ludacris\" Bridges, Elsa Pataky and Lucas Black. They are joined by international action stars new to the franchise including Jason Statham, Djimon Hounsou, Tony Jaa, Ronda Rousey and Kurt Russell.",
      "title": "Furious 7",
      "year": 2015
    }
  ]
}

J'ai besoin d'analyser toutes les données de tous les champs de ce fichier JSON. Est-il un moyen de le faire à Réagir JS? Pourriez vous s'il vous plaît me suggérer quelque sorte pour analyser des données de manière structurée fichier JSON comme ça?

utiliser ajax pour récupérer le fichier. jQuery a une getJSON commande
Pourriez-vous svp me faire un exemple à l'aide d'AJAX? Avec ReactJS, je dois écrire dans JSX
Est-ce que votre code d'utiliser le mot-clé 'fetch'?

OriginalL'auteur necroface | 2015-09-26

  1. 25

    Réagir vie en JavaScript. Donc l'analyse d'une chaîne JSON est fait avec: 

    var myObject = JSON.parse(myjsonstring);

    Comment extraire un fichier à partir de quelque part avec l'AJAX est une autre question.

    Vous pouvez utiliser fetch() pour cela. Voir par exemple

    https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API ou

    https://davidwalsh.name/fetch ou

    https://blog.gospodarets.com/fetch_in_action

    J'ai pensé à Réagir vit dans JSX?!
    Non, Réagir est écrit en JavaScript. Vos réagir code JavaScript est également. (Par conséquent, tous vos noms de fichiers par .js) Vous mettez jsx à l'intérieur de réagir. Le <div> etc à l'intérieur de votre réagissent code est jsx. Elle est traduite en JavaScript aussi.
    Ok, merci bro
    veuillez étiqueter cette réponse comme "accepté" si vous êtes heureux avec la réponse 🙂
    Le lien est cassé. Veuillez mettre à jour vous répondre

    OriginalL'auteur wintvelt