react-fetch

0.0.9 • Public • Published

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

Package Sidebar

Install

npm i react-fetch

Weekly Downloads

1,456

Version

0.0.9

License

ISC

Last publish

Collaborators

  • fb