简体   繁体   中英

How to read object URI (JSON file) from JSON file

I am able to read this JSON file but I am not able to read object URI JSON file. How can I use Object URI JSON File?

And this is the way I tried to read Uri JSON object

 componentDidMount(){
    const { match: { params } } = this.props;

      axios.get(params.uri).then((res)=>{
        const question = res.data[0]['uri'];
        console.log(question);
        this.setState({ question });
      })

  }

This is JSON file where Object URI contains a JSON file so how to read

 [
          {
              "id": 59413,
              "thumbnail": {
              "id": "60255",
              "title": "dornoch-castle-whisky-bar",
              "alt": "dornoch-castle-whisky-bar",
              "url": "https://media-magazine.trivago.com/wp-content/uploads/2019/01/23144800/dornoch-castle-whisky-bar.jpg",
              "courtesy": "",
              "position": "center"
           },
              "thumbnail_url": "https://media-magazine.trivago.com/wp-content/uploads/2019/01/23144800/dornoch-castle-whisky-bar.jpg",
              "slug": "dornoch-castle-scotland-whisky",
              "uri": "http://trivago-magazine-work-sample-server.s3-website.eu-central-1.amazonaws.com/dornoch-castle-scotland-whisky.json",
              "title": "Dornoch Castle: A Whisky Tasting at One of the World's Most Popular Hotel Bars",
              "card_title": "Whisky Tasting at Dornoch Castle in the Scottish Highlands",
              "show_publish_date": false,
              "date": "January 29th, 2019",
              "newsletter_popup": false,
              "newsletter_popup_header_image": false,
              "taxonomies": {
              "destinations": [
            {
              "name": "Europe",
              "uri": "/destination/international/europe",
              "slug": "europe",
              "term_id": 1384
            }
          ],
          "themes": [],
          "types": [
            {
              "name": "Nature",
              "uri": "/type/nature",
              "slug": "nature",
              "term_id": 1380
            }
          ]
        },
        "excerpt": "Dornoch Castle has amassed a whisky collection unlike most any other in the world. trivago Magazine Editor, Joe Baur, signs up for their whisky tasting. Video below."
      },

Using the same way you extracted the first uri json data, fire another request to get the data from the second uri = res.data[0]['uri']

 componentDidMount(){
    const { match: { params } } = this.props;

      axios.get(params.uri).then((res)=>{
        const question = res.data[0]['uri'];
        axios.get(question).then((qRes) => {
          console.log(qRes); //will return the data from the second uri
        })
        console.log(question);
        this.setState({ question });
      })

  }

I think this is just a normal JSON. You can get the file by reading direct to field url and thumnail_url

"url": "https://media-magazine.trivago.com/wp-content/uploads/2019/01/23144800/dornoch-castle-whisky-bar.jpg",

You can show this file by

<img src="https://media-magazine.trivago.com/wp-content/uploads/2019/01/23144800/dornoch-castle-whisky-bar.jpg" />

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM