Page 345 - MDP2022-3

alert(`Cannot create class - ${err.message}`);
}

};

return (

<div>
<Dialog

open={open}
onClose={handleClose}
aria-labelledby="form-dialog-title"

>
<DialogTitle id="form-dialog-title">Create Ma:in</DialogTitle>
<DialogContent>

<DialogContentText>
당신으로부터 시작하게 될 Ma:in의 이름을 멋지게 정해주세요!

</DialogContentText>
<TextField
autoFocus

margin="dense"
label="Ma:in Name"

type="text"
fullWidth
value={className}

onChange={(e) => setClassName(e.target.value)}
/>

</DialogContent>
<DialogActions>
<Button onClick={handleClose} color="primary">

Cancel
</Button>

<Button onClick={createClass} color="primary">
Create
</Button>

</DialogActions>
</Dialog>

</div>
);
}