import { FormControl, InputLabel, MenuItem, Select } from '@material-ui/core'; import React, { useState } from 'react'; import { useEffectAsync } from '../reactHelper'; const SelectField = ({ margin, variant, label, multiple, defaultValue, onChange, endpoint, data, keyGetter = item => item.id, titleGetter = item => item.name, }) => { const [items, setItems] = useState(data); useEffectAsync(async () => { if (endpoint) { const response = await fetch(endpoint); if (response.ok) { setItems(await response.json()); } } }, []); if (items) { return ( {label} ); } else { return null; } } export default SelectField;