react-fetch

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