Skip to content

Latest commit

 

History

History
49 lines (33 loc) · 928 Bytes

README.md

File metadata and controls

49 lines (33 loc) · 928 Bytes

##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