React Data Fetching - Fetchcycle hooks

News.js

import React, { Component } from 'react'
import { Fetch } from 'react-data-fetching'

// Just here for better understanding
import { Articles, ErrorModal, Loader } from './components'

export default class News extends Component {
  state = { title: 'News' }

  renderContent = ({ error, data }) => {
    return error
      ? <ErrorModal message={error} />
      : <Articles posts={data.articles} />
  }

  reportError = (error) => {
    /* You can handle your error here */
  }

  render() {
    <View>
      <Text>{this.state.title}</Text>
      <Fetch
        url="https://api.github.com/users/octocat"
        loader={<Loader color="rainbow" />}
        onLoad={() => console.log('Started fetching data...')}
        onFetch={({ data }) => this.setState(() => ({ title: data.title }))}
        onError={({ error }) => this.reportError(error)}
        render={this.renderContent}
      />
    </View>
  }
}