来自@ material-ui / styles的{withStyles}的断点

Question

我试图将断点与“ @ material-ui / styles”中的{withStyles}一起使用，但调试器显示未定义theme.breakpoints。

我试图用ThemeProvider包装该组件，但是它不起作用。

https://codesandbox.io/s/material-demo-shgh7?from-embed

Answer 1

用@ material-ui / styles导出的withStyles不提供主题道具，您将使用来自“ @ material-ui / core / styles”的import {withStyles};

Exemplo no code sand box arrumado ai

Answer 2

  class app extends Component{

    render(){
       const {classes} = this.props
       return (
         <div className={classes.root}></div>
       )
    }
   }

const style = theme => ({
  root: {
   [theme.breakpoints.up('sm'){    //only show on mobile or small screen 
    display: 'none'
    },
  }
})

export default withStyles(style)(app)