使用material ui createStyles

import { createStyles } from '@material-ui/core/styles';

const styles = createStyles({
  container: {
    display: 'flex',
    justifyContent: 'center',
    alignItems: 'center',
    height: '100vh',
  },
  button: {
    backgroundColor: 'blue',
    color: 'white',
    padding: '10px 20px',
    borderRadius: '5px',
  },
});

import React from 'react';
import { withStyles } from '@material-ui/core/styles';

const MyComponent = ({ classes }) => (
  <div className={classes.container}>
    <button className={classes.button}>Click me</button>
  </div>
);

export default withStyles(styles)(MyComponent);