I am having trouble displaying my api data in the app, i feel like it has something to do with the way i want to map the data.
When i use my 1st api it works but it is not the right one because it shows all the clubs info not a single club. 
Here is the postman:
![postman.png](https://spectrum.imgix.net/threads/draft/d62f8e4f-f536-4d75-9f37-6c8a7f8b9479-postman.png?expires=1571356800000&ixlib=js-1.4.1&s=9d3532392492e60444d662ea39793a46)

Here is the console:
![console cx.png](https://spectrum.imgix.net/threads/draft/7f73968e-0134-40e0-8311-f4598126f075-console%2520cx.png?expires=1575417600000&ixlib=js-1.4.1&s=35dde2c1abc4f3ea6b90738a4acb30a9)

This is what is displays in the app:
![api err.png](https://spectrum.imgix.net/threads/draft/865a3bd0-9a1b-4163-8dbf-5c1711420598-api%2520err.png?expires=1571356800000&ixlib=js-1.4.1&s=098e808491b68f36a17a9fa1864916e2)

The problem I am having is that when i use my 2nd api link that allows me to get a single clubs data i get an error when mapping it.

Here is my code, the only thing i changed was the api link, I also tried to use c.club.numberOfCheckIns but it didnt work either.

```
class Profile extends React.Component {
  constructor(props) {
    super(props)
    this.state = {
      clubInfo: []
    };
  }

  componentDidMount() {
    this._get('http://ec2-3-15-176-119.us-east-2.compute.amazonaws.com:8080/clubs/get/1').then(
      data => {
        this.setState({ clubInfo: data })
      }
    )
  }

  _get = async (endpoint) => {
    const res = await fetch(endpoint, {
      headers: {
        'Content-Type': 'application/json',
        'Access-Token': '1*adminaccesstoken'
      }
    })
    const data = await res.json();
    console.log(data)
    return data;
  }

  renderClubData() {
    return this.state.clubInfo.map((c, index) => {
      const { clubId, name, city, country, email, verified } = c  //destructuring
      return (
        <View key={c.clubId}>
          <Text
            bold
            size={20}
            color="#B8AA5B"
            style={{ marginBottom: 4 }}
          >{c.numberOfCheckIns}
          </Text>
        </View>

      )
    })
  }

  render() {
    return (
      <Block flex style={styles.profile}>
        <Block flex>
          <ImageBackground
            source={{ uri: Images.EventPhoto }}
            style={styles.profileContainer}
            imageStyle={styles.profileBackground}
          >
            <ScrollView
              showsVerticalScrollIndicator={false}
              style={{ width, marginTop: '55%' }}
            >
              <Block flex style={styles.profileCard}>
                <Block style={styles.info}>
                  <Block middle style={{ marginTop: 10, paddingBottom: 10 }} row space="between">
                    <Block middle>
                      {this.renderClubData()}

                      <Text size={12}>CHECK-INS</Text>
                    </Block>

```

Here is the postman:
![single club.png](https://spectrum.imgix.net/threads/draft/7f26b4d3-5614-4c7d-b11a-d4641ada6d65-single%2520club.png?expires=1573171200000&ixlib=js-1.4.1&s=832abd21068625460a7eb7b7a387d1ee)