// App.js const App = () => { const [results, setResults] = useState([]) const [filter, setFilter] = useState('all'); useEffect(()=>{ axios.get('/api/') .then(res => { setResults(res.data.result) }); },[]); const Filter = () => { return ( <form className="filter"> <select value={filter} onChange={(e)=> setFilter(e.target.value)}> <option value="all">All Queues View</option> <option value="servicedesk">Service Desk View</option> </select> </form> ) } const Results = () => { return ( <ul> { results.filter(results => results.u_react_view.includes(filter)).map(i => ( <li key={i.sys_id}><h1>{i.u_queues}</h1></li> )) } </ul> ) } return ( <div> <Filter/> <Results/> </div> ) } // card-list.jsx export const CardList = props => { return <div className='card-list'> {props.children}</div>; };
var
This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)