React Hook Example

gistfile1.txt

import React, { useEffect, useState } from 'react';
import Map from './components/Map';
import axios from 'axios';

const mapBoxToken: string =
  'apikey';

const getInitialMapPoint = (token: string) => {
  axios
    .get(
      `https://api.mapbox.com/geocoding/v5/mapbox.places/oakridge+vancouver+bc+canada.json?access_token=${mapBoxToken}`
    )
    .then(data => {
      console.log(data);
    });
};

const App: React.FunctionComponent = () => {
  const [initCoordinates, setInitCoordinate] = useState([0, 0]);

  useEffect(() => {
    getInitialMapPoint(mapBoxToken);
  });

  return (
    <div>
      <Map />
    </div>
  );
};

export default App;