allOrigins | : alien : Pull content from any page as JSON via API | REST library

import React, { useEffect, useState } from 'react';
import axios from 'axios';
import { Link } from 'react-router-dom';

const Home = () => {
  const [jobs, setJobs] = useState([]);
  const [find, setFind] = useState("");

  useEffect(() => {
    getJobsAPI();
  // eslint-disable-next-line react-hooks/exhaustive-deps
  },[])

  const getJobsAPI = () => {
    axios.get(`https://api.allorigins.win/raw?url=https://jobs.github.com/positions.json`)
      .then((res) => {
        setJobs(res.data)
      })
  }

  const findJobsAPI = async (desc, location) => {
    await axios.get(`https://api.allorigins.win/raw?url=https://jobs.github.com/positions.json?description=${desc}&location=${location}`)
    .then((res) => {
      setJobs(res.data)
    })
  }


  const handleChange = (e) => {
    setFind(e.target.value)
  }

  const handleSubmit = (e) => {
    e.preventDefault();
    findJobsAPI(find);
    setFind("");
    e.target.reset();
  }

  return (
    <>
      
        
          
            
              
Job Description
               handleChange(e)}
              />
            
            
              
Location
               handleChange(e)}
              />
            
            
              
              Full Time Only
            
            
              Search
            
          
        
        
          
Job List
        
        {jobs.map((item) => (
          
            
              
                
                  
{item.title}
                
                
{item.location}
              
              
                
{item.company} - {item.type}
                
{item.created_at}
              
            
          
        ))}
      
    

  )
}

export default Home;