How to use dropdown for filtering and searching jobnames in reactjs functional component?

See more:

ReactJS

Hi. i want to filter and search using jobnames in the dropdown using functional componenet. please help

<pre lang="Javascript">

import React, { useEffect, useState } from 'react'
import JobService from '../Service/JobService'
import { Button } from "reactstrap";







const UniqueJobName = () => {

const [jobs, setJobs] = useState([]);
const [searchName, setSearchName] = useState("");


useEffect(() => {

getUniqueJobs();
}, [])

const getUniqueJobs = () => {
JobService.getUniqueJobs().then((response) => {
setJobs(response.data)
console.log(response.data);
}).catch(error => {
console.log(error);
})
}

// const onChanges = (event) => {
// console.log(jobs.jobName);
// setSearchName(
// event.target.value
// );
// };

// onChanges={(e)=>{
// setSearchName(e.target.value);
// }

return (






)

}

export default UniqueJobName

What I have tried:

I have tried the above code i ,m able to get job names but when i click on the dropdown having particular jobname i m not able to get the required row linked to that jobname