Как добавить реквизит, например, fullWidth на определенную ширину, например 'sm' в Material UI React

Question

Я хочу добавить fullWidth опору, когда размер экрана будет 600px или больше (то есть sm).Я пытаюсь добавить приведенный ниже код, но он не работает.

[theme.breakpoints.down('sm')]: {
  fullWidth: true,
},

Answer 1

Вы можете использовать isWidthDown или isWidthUp методы.Они доступны в @material-ui/core/withWidth:

import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
import SomeComponent from './SomeComponent';

class MyComponent extends React.Component {
  render () {
    return <SomeComponent fullWidth={isWidthDown('sm', this.props.width)} />;
  }
}

export default withWidth()(MyComponent);