React Native fetch array json data

Question

I am pulling data from Mysql to React native. As you can see, the output of the data I have captured is in the array. How can I pull Array data? With the code below, I can pull the data into an array. For example, I want to extract the new_image variable from the array.

  getBusinessNewsData() {
fetch('...').then((response) => response.json())
    .then((findresponse)=>{
  var newSearch = findresponse.new_image;
        console.log(newSearch)

      this.setState({
        data:newSearch,
      })

    })

[
       {
          "id":"..",
          "new_date":"...",
          "new_title":"...",
          "new_slug":"...",
          "new_url":"",
          "new_image":"...",
          "new_fixed":"..."
       }
    ]

Umair · Accepted Answer · 2020-02-26 09:04:25Z

1

Map on the response and extract new_image

const result = findResponse.map((d) => d.new_image);

Then you can set result in component internal state.

answered Feb 26, 2020 at 9:04

Umair

6,2967 gold badges31 silver badges49 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

yesIamFaded · Accepted Answer · 2020-02-26 08:36:01Z

0

If the console.log(newSearch) gives you the array above and you want to have the new_image property then you can set a state like this.setState({ newImage: newSearch[0].new_image })

By doing so this.state.newImage would be the value from the array.

answered Feb 26, 2020 at 8:36

yesIamFaded

2,0683 gold badges29 silver badges52 bronze badges

2 Comments

berkoberkonew Over a year ago

But there it only shoots the first array. I also want to pull news_image's assigned values in 1.2.3.

yesIamFaded Over a year ago

For that you can use the FlatList Component React Native provides. It takes the Data as an Array and gives you back a component for every entry (object) inside the array.

Collectives™ on Stack Overflow

React Native fetch array json data

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related