如果在Reactjs中未选中任何复选框，请保持按钮处于禁用状态

Question

我通过以下方式映射了mui复选框：

 <FormControl component="fieldset">
                                <FormGroup aria-label="position" column >
                                    {sortedData.map((obj) => {
                                        return (
                                            <FormControlLabel
                                                value="type"
                                                control={<Checkbox color="primary"/>}
                                                label={obj}
                                                onChange={handleTypeCheckboxChange}
                                                labelPlacement="end"
                                            />
                                        );
                                    })}
                                </FormGroup>
                            </FormControl>

这是我的复选框的样子：

现在，除非用户选择了一个或多个复选框，否则我需要将“下一步”按钮设置为禁用。另外，我想将所选复选框的值存储在数组中，以便以后可以访问它。应该如何工作？