useRequest

() => {
  const UseRequestDemo = () => {
    const [state, actions] = useRequest()
    const mockRequest = () =>
      new Promise((resolve, reject) => {
        return setTimeout(() => {
          Math.floor(Math.random() * 2) == 0
            ? resolve({ response: 'success' })
            : reject('oops!')
        }, 1000)
      })
    const makeRequest = () => {
      actions.loading()
      mockRequest()
        .then(response => actions.succeeded(response))
        .catch(error => actions.failed(error))
    }
    return (
      <div>
        <button onClick={makeRequest}>make request</button>
        {state.loading && <div>loading...</div>}
        {Object.keys(state.data).length !== 0 && (
          <div>response: {state.data.response}</div>
        )}
        {state.error && <div>error: {state.error}</div>}
      </div>
    )
  }
  return <UseRequestDemo />
}