diff options
Diffstat (limited to 'modern/src/form/SelectField.js')
-rw-r--r-- | modern/src/form/SelectField.js | 23 |
1 files changed, 12 insertions, 11 deletions
diff --git a/modern/src/form/SelectField.js b/modern/src/form/SelectField.js index b179c58e..303d203c 100644 --- a/modern/src/form/SelectField.js +++ b/modern/src/form/SelectField.js @@ -1,4 +1,6 @@ -import { FormControl, InputLabel, MenuItem, Select } from '@material-ui/core'; +import { + FormControl, InputLabel, MenuItem, Select, +} from '@material-ui/core'; import React, { useState } from 'react'; import { useEffectAsync } from '../reactHelper'; @@ -12,8 +14,8 @@ const SelectField = ({ onChange, endpoint, data, - keyGetter = item => item.id, - titleGetter = item => item.name, + keyGetter = (item) => item.id, + titleGetter = (item) => item.name, }) => { const [items, setItems] = useState(data); @@ -33,19 +35,18 @@ const SelectField = ({ <Select multiple={multiple} value={value} - onChange={onChange}> - {!multiple && emptyValue !== null && - <MenuItem value={emptyValue}> </MenuItem> - } - {items.map(item => ( + onChange={onChange} + > + {!multiple && emptyValue !== null + && <MenuItem value={emptyValue}> </MenuItem>} + {items.map((item) => ( <MenuItem key={keyGetter(item)} value={keyGetter(item)}>{titleGetter(item)}</MenuItem> ))} </Select> </FormControl> ); - } else { - return null; } -} + return null; +}; export default SelectField; |