prhttp-react

React Component lifecycle binding for prhttp.

Installation

1npm install prhttp-react

Usage

Class Component

Use HOC to bind Class Component.

1import { bindLifecycle } from 'prhttp-react'
2
3// PrHttpClient instance
4const httpClient = /.../
5
6const withClient = bindLifecycle(httpClient)
7const BoundComponent = withClient(WrappedComponent)
8

Function Component

Use Effect Hook to bind Function Component.

1import { useLifecycle } from 'prhttp-react'
2import { CancelError } from 'prhttp'
3
4function useRequest() {
5  useEffect(() => {
6    getExample().then( () => {
7      // Handle response
8    }).catch( e => {
9      if(e instanceof CancelError) {
10            console.log(`Request was cancelled`)
11        } else {
12            console.log(e)
13        }
14    })
15  })
16  
17}
18
19function Home() {
20    // Call useLifecycle before request
21    useLifecycle(httpClient)
22    useRequest()
23    
24    return (
25        <div>
26            <h2>Home</h2>
27        </div>
28    );
29}