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);