更改material-ui ReactJs中FloatingActionButton的背景色

import React from 'react';
import FloatingActionButton from 'material-ui/FloatingActionButton';
import ContentAdd from 'material-ui/svg-icons/content/add';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';

const styles = {
  button: {
    backgroundColor: 'red', // 更改为所需的背景色
  },
};

const MyComponent = () => (
  <MuiThemeProvider>
    <FloatingActionButton style={styles.button}>
      <ContentAdd />
    </FloatingActionButton>
  </MuiThemeProvider>
);