UserType Get Data
with Get Api
import { FormControl, InputLabel, MenuItem, Select } from "@mui/material";
import { useEffect, useState } from "react";
export default function Selectbox(props) {
const [data, setData] = useState([]);
const [showuser, setShowUser] = useState('');
const GetApiData = window.apiGetData;
useEffect(() => {
const handleFetchCharacter = async () => {
try {
// const jsonData = await fetApi();
const jsonData = await GetApiData(`http://surevih.in/api/allusertype`);
const result = jsonData['usertypes'];
console.log("Re;-", result);
setData(result);
} catch (error) {
// Handle error, e.g., show an error message
console.error('Error fetching character:', error);
}
};
handleFetchCharacter();
}, [GetApiData]);
const handleChange = (event) => {
// console.log("data :" , jsonvalue);
console.log("Target Value :- ", event.target.value);
setShowUser(event.target.value);
};
// console.log("All types data", data)
return (
<FormControl fullWidth>
<InputLabel id="demo-simple-select-label">User Type</InputLabel>
<Select
labelId="demo-simple-select-label"
id="demo-simple-select"
value={showuser}
label="Show User Type"
onChange={handleChange}
>
// all list show
{
data.map((item) =>
<MenuItem key={item.id} value={item.id}>{item.usertype}</MenuItem>
)
}
// Admin element not show in List
{
data.map((item, index) =>
index !== 0 && (
<MenuItem key={item.id} value={item.id}>{item.usertype}</MenuItem>
)
)
}
</Select>
</FormControl>
);
}
