render prop component

import React , {Component} from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux';
import { compose } from 'recompose';
import {services} from '../../services'

class WithNetworks extends Component{
   
    componentDidMount(){
       const { findNetworks}=this.props
       findNetworks().then(res=>console.log(res))
    }

    render(){
        
        const {render,networks,createNetwork}=this.props
        return  <div>{render({networks,createNetwork})}</div>
    }

}

WithNetworks.propTypes={
    render:PropTypes.func.isRequired,
    networks:PropTypes.arrayOf(PropTypes.shape({})),
    findNetworks:PropTypes.func.isRequired,
    createNetwork:PropTypes.func.isRequired,
}

WithNetworks.defaultProps={
    networks:null
}

const mapStateToProps = (state) => ({
    networks: state.brandState.store && state.brandState.store.records,
  });


/*
  api.service('/brands').on('created', (data) => {
      services.brands.onCreated(data);
  })
*/


  const mapDispatchToProps = () =>(
      {
        findNetworks: () =>services.brands.find(),
        createNetwork:(data)=>services.brands.create(data)
    }
  )

export default compose(
    connect(mapStateToProps,mapDispatchToProps)
  ) (WithNetworks);

services

import React , {Component} from 'react'
import PropTypes from 'prop-types'
import { connect } from 'react-redux';
import { compose } from 'recompose';
import {services} from '../../services'

class WithNetworks extends Component{
   
    componentDidMount(){
       const { findNetworks}=this.props
       findNetworks().then(res=>console.log(res))
    }

    render(){
        
        const {render,networks,createNetwork}=this.props
        return  <div>{render({networks,createNetwork})}</div>
    }

}

WithNetworks.propTypes={
    render:PropTypes.func.isRequired,
    networks:PropTypes.arrayOf(PropTypes.shape({})),
    findNetworks:PropTypes.func.isRequired,
    createNetwork:PropTypes.func.isRequired,
}

WithNetworks.defaultProps={
    networks:null
}

const mapStateToProps = (state) => ({
    networks: state.brandState.store && state.brandState.store.records,
  });


/*
  api.service('/brands').on('created', (data) => {
      services.brands.onCreated(data);
  })
*/


  const mapDispatchToProps = () =>(
      {
        findNetworks: () =>services.brands.find(),
        createNetwork:(data)=>services.brands.create(data)
    }
  )

export default compose(
    connect(mapStateToProps,mapDispatchToProps)
  ) (WithNetworks);