react recompose

避免写嵌套

import { compose } from "recompose";

function Message(props) {
  const { classes } = props;
  return (
   ...
  );
}

const styles = theme => ({
  close: {
    padding: theme.spacing.unit / 2,
  },
});

// @withStyles(styles) @observer class Message ...
export default compose(
  withStyles(styles),
  observer,
)(Message);