#11 Fix uncontrolled/controlled selection warning

This commit is contained in:
Christoph Lienhard 2020-12-29 17:43:45 +01:00
parent 825a7ae736
commit 3bb827b963
Signed by: christoph.lienhard
GPG key ID: 6B98870DDC270884

View file

@ -12,7 +12,7 @@ interface CategorySelectionMenuProps {
export default function CategorySelectionMenu(props: CategorySelectionMenuProps) {
const onCategoryIdChange = (e: ChangeEvent<{ name?: string, value: unknown }>) => {
const newValue = e.target.value === undefined ? null : e.target.value as number;
const newValue = e.target.value === -1 ? null : e.target.value as number;
props.handleCategoryChange(newValue);
}
@ -20,11 +20,11 @@ export default function CategorySelectionMenu(props: CategorySelectionMenuProps)
<FormControl fullWidth variant="outlined">
<InputLabel>Kategorie</InputLabel>
<Select
value={props.selectedCategoryId ? props.selectedCategoryId : undefined}
value={props.selectedCategoryId ? props.selectedCategoryId : -1}
label="Kategorie"
onChange={onCategoryIdChange}
>
<MenuItem value={undefined}>
<MenuItem value={-1}>
<em>None</em>
</MenuItem>
{props.categories?.map(category => <MenuItem key={category.id} value={category.rowId}>