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 (
Select the Job
{
setSearchName(e.target.value);
}} value={jobs.jobName}
>{
jobs.map(job =>{job.jobName})
)}
Select
DashBoard
{
jobs.filter(value=>{
if (searchName === ""){
return value;
} else if (
value.jobName.toLowerCase().includes(searchName.toLowerCase())
) {
return value;
}
}).map(
job =>
)
}
Job-Name | Start-Time | End-Time | Exit-Code | Job-Details |
{job.jobName} | {job.jobStartTime} | {job.jobEndTime} | {job.jobExitCode} | Job-Details
|
)
}
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