Answers for "how to apply hover and focus styles on style object material ui"

material-ui hover style

const styles = theme => ({
  ...
  tr: {
    background: "#f1f1f1",
    '&:hover': {
       background: "#f00",
    },
  },
  ...
});

return <TableRow className={props.classes.tr} ...>

how to apply hover and focus styles on style object material ui

const styles = theme => ({
  ...
  tr: {
    background: "#f1f1f1",
    '&:hover,&:focus': {
       background: "#f00",
    },
  },
  ...
});

return <TableRow className={props.classes.tr} ...>