material-ui - 如何在Mui主题中更改响应断点值？

Question

我正在使用material-ui的v1 beta。媒体查询断点与我使用的Bootstrap v4断点不同，我想覆盖material-ui断点的值以与Bootstrap的值匹配。

我需要执行以下操作，但是找不到足够的文档来使其正常工作。

当前错误是：


尝试执行“未捕获的TypeError：Object（...）不是函数”
引用createBreakpoints（）作为函数。

...
import { MuiThemeProvider, createMuiTheme, createBreakpoints } from "material-ui/styles";

const breakpointValues = {
  xs: 0,
  sm: 576,
  md: 768,
  lg: 992,
  xl: 1200,
};
const breakpoints = createBreakpoints({ values: breakpointValues });
const theme = createMuiTheme({ breakpoints });

...

<MuiThemeProvider theme={theme}>
  <App />
</MuiThemeProvider>

...

Answer 1

哦，我想通了。需要将我的新值传递给内部调用createBreakpoints函数的createMuiTheme函数。

const breakpointValues = {
  xs: 0,
  sm: 576,
  md: 768,
  lg: 992,
  xl: 1200,
};
const theme = createMuiTheme({ breakpoints: { values: breakpointValues } });