javascript Fetch1.js

Posted 2021-05-04

import React, { Component } from 'react';
import Fetch from 'react-fetch-component';

import fetchMock from 'fetch-mock';

export default class Basic extends Component {
  render() {
    return (
      <div>
        <h1>Basic</h1>
        <Fetch url="https://example.com">
          {({ loading, data, error }) => (
            <div>
              {loading && <span>Loading...</span>}
              {data && data.map((d, i) => <div key={i}>{d.last}</div>)}
            </div>
          )}
        </Fetch>
      </div>
    );
  }

  /* Setup consistent fetch responses */
  componentWillMount() {
    var data = [{ name: 'aysha' }];
    var bitstamp = [
      {
        high: "19666.00",
        last: "18947.62",
        timestamp: "1513582584",
        bid: "18890.24",
        vwap: "18834.59",
        volume: "13167.18846628",
        low: "17835.20",
        ask: "18948.98",
        open: 18953
      }
    ]

    fetchMock.get('https://example.com', bitstamp);
  }

  componentWillUnmount() {
    fetchMock.restore();
  }
}