React MUI: FormGroup управление состоянием группы Checkbox

Имею следующую структуру

return (
        <Box>
            <FormControlLabel labelPlacement='end' control={<Checkbox size='small' indeterminate={indeterminate}/>} label="Select all"/>
            <Divider />
            {
                loading ?
                    Loader()
                :
                <Box sx={{ display: 'flex' }}>
                <FormGroup>
                    <FormControl size='small' component="fieldset" variant="standard">
                        <Grid container >
                            {df.map((element, index) => (
                                <Grid xs={6} key={index}>
                                    <FormControlLabel 
                                        labelPlacement='end'
                                        label={element.product_name}
                                        key={element.product_name}
                                        control={<Checkbox size='small'/>}
                                    />
                                </Grid>
                        ))}
                        </Grid>
                    </FormControl>   
                </FormGroup>       
                </Box>
            }
        </Box>
    )

при инициализации приложения формирую группу чекбоксов, как более универсально в MUI обрабатывать группу чекбоксов, для возможности как выбора нескольких из группы значений так и выбора всей группы, на примере ant данная возможность реализована через api Checkbox.Group, возможно ли что-то подобное в MUI?


Ответы (0 шт):