React native call API fetch

Question

Help me to call this function please. I want to get category count and category name from Wordpress API

CatName(item){
fetch('http://anbaetv.ma/wp-json/wp/v2/categories/'+item.categories)
.then((response) => response.json())
.then((json) => {
  this.setState({
    jsonData: json.count,
  });
})
.catch((error) => {
  console.error(error);
});
}

renderItem = ({item}) => { 
return(
  <TouchableOpacity onPress={() => this._onPress(item)}>
    <View style={{flex:1, flexDirection: 'row', marginBottom: 2,}}>
      <Image 
        style={{ width:100, height:80, margin:5}}
        source={{uri: item.better_featured_image ? 
          item.better_featured_image.media_details.sizes.thumbnail.source_url : 'https://via.placeholder.com/150/0000FF/808080?Text=NotFound'}}
      />
      <View style={{flex:1, justifyContent:"center",marginLeft:5}}>
        <Text style={{fontSize: 18, marginBottom: 15}}>{item.title.rendered}</Text>
        <Text style={{fontSize: 18, marginBottom: 15,color:"red"}}>{this.CatName(item)}</Text>
      </View>
    </View>
  </TouchableOpacity>
);
}

You did not mention the issue. Are you able to get a response from the API using fetch or is it that you have the response and it is not rendering correctly? — Ajin Kabeer
– Ajin Kabeer, Commented Apr 17, 2020 at 4:02

Goskula Jayachandra · Accepted Answer · 2020-04-17 05:11:02Z

2

You cannot call a function like that change

<Text style={{fontSize: 18, marginBottom: 15,color:"red"}}>{this.CatName(item)}</Text>

to

<Text onPress={this.CatName(item)} style={{fontSize: 18, marginBottom: 15,color:"red"}}>click</Text>

This will call the function when we press on click text.

Hope this helps!

answered Apr 17, 2020 at 5:11

Goskula Jayachandra

4,2212 gold badges16 silver badges23 bronze badges

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

Collectives™ on Stack Overflow

React native call API fetch

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related