Get data based on url params

react-class-params.js

import React, { Component } from 'react';
import dlv from 'dlv';

function getUrlQueryData() {
  const queryData = window.location.search.replace(/^\?/, '').split('&');
  const d = {};
  if (queryData) {
    queryData.forEach(k => {
      const [key, value] = k.split('=');
      d[key] = value;
    })
  }

  return d;
}

function SignUp() {
  const [data, setData] = useState(null);
  
  useEffect(() => {
    const queryData = getUrlQueryData();
    const type = dlv(queryData, 'type', null);
    const id = dlv(queryData, 'id', null);

    if (type && id) {
      // POST to back-end for data
      fetch('', { method: 'POST', body: JSON.stringify({ type, id }) }.then(res => res.json()).then(res => {
        if (res.data) setData(res.data);
      });
    }
  }, []);
      
  return null;
}

export default SignUp;