import React from 'react'; import Button from '@material-ui/core/Button'; import {makeStyles} from "@material-ui/styles"; import {createStyles, Theme} from "@material-ui/core"; const useStyles = makeStyles((theme) => createStyles({ "button": { backgroundColor: theme.palette.primary.main, color: '#000', fontSize: 16, height: 48, marginBottom: 16, width: 256, "&:hover": { backgroundColor: theme.palette.primary.light, } } }) ) const PrimaryButton = (props) => { const classes = useStyles() return ( Button className={classes.button} variant="contained" onClick={() => props.onClick()}> {props.label} /Button> ); }; export default PrimaryButton;
PrimaryButton label={"アカウントを登録する"} onClick={() => dispatch(signUp(username, email, password, confirmPassword))} />