igneosaur / react-fetch

Component wrapper for isomorphic-fetch, passes response to children

##React Fetch

##Install

npm install react-fetch

##Props

• url: where to fetch json data from
• onSuccess: function on successfully fetching the data
• onError: function to be called on error
• options: object containing parameters for the request (see the fetch spec)

##Example

pass an api endpoint and the resulting object will be passed as a prop.

import React from 'react'
import Fetch from 'react-fetch'

export default class App extends React.Component{

  render(){
    return (
      <Fetch url="http://api.openweathermap.org/data/2.5/weather?q=London,uk">
        <TestComponent/>
      </Fetch>
    )
  }

}

class TestComponent extends React.Component{
  render(){
    console.log(this.props)
    return <div/>
  }
}
React.render(<App />, document.getElementById('app'));

###Rebuilding

Run this to view the example in example/dist

npm run build