Reactjs 材质UI:是否在theme.ts文件中引用CreateMuiteme的其他属性?

Reactjs 材质UI:是否在theme.ts文件中引用CreateMuiteme的其他属性?,reactjs,typescript,material-ui,Reactjs,Typescript,Material Ui,在filename.style.ts中导入类似这样的主题时: import theme from 'common/theme'; 我可以访问不同的属性,例如 theme.breakpoints.down('md') 我试图在theme.ts文件中引用相同的属性,但当然。。主题在这里是无效的,所以我正在尝试找到一种方法,可以重复使用/引用它 正如您在MuiTable上看到的,我正在尝试访问断点和调色板/主界面 theme.ts 从各个材质ui包构建主题。我是这样做的: import creat

在filename.style.ts中导入类似这样的主题时:

import theme from 'common/theme';
我可以访问不同的属性,例如

theme.breakpoints.down('md')
我试图在theme.ts文件中引用相同的属性,但当然。。主题在这里是无效的,所以我正在尝试找到一种方法,可以重复使用/引用它

正如您在MuiTable上看到的,我正在尝试访问断点和调色板/主界面

theme.ts


从各个材质ui包构建主题。我是这样做的:

import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
import createBreakpoints from '@material-ui/core/styles/createBreakpoints';

const breakpoints = createBreakpoints({ 
  // your settings
});

const theme = createMuiTheme({
  breakpoints,
  overrides: {
    MuiTable: {
      root: {
        [breakpoints.down('md')]: {
          // style
        },
      },
    },
  },
});

从各个材质ui包构建主题。我是这样做的:

import createMuiTheme from '@material-ui/core/styles/createMuiTheme';
import createBreakpoints from '@material-ui/core/styles/createBreakpoints';

const breakpoints = createBreakpoints({ 
  // your settings
});

const theme = createMuiTheme({
  breakpoints,
  overrides: {
    MuiTable: {
      root: {
        [breakpoints.down('md')]: {
          // style
        },
      },
    },
  },
});

Ricky的解决方案在praxis中很好,但在本例中Material@Material ui/core/styles/foo被认为是私有的,而不是任何公共合同的一部分。它可以改变任何版本


它可能不适用于断点,但颜色或fontWeights等可以作为以前声明的普通常量轻松共享。但我也怀疑将响应性放在这个声明中是否是一个好主意。

Ricky的解决方案在praxis中很好,但在这种情况下Material@Material ui/core/styles/foo被认为是私有的,而不是任何公共合同的一部分。它可以改变任何版本


它可能不适用于断点,但颜色或fontWeights等可以作为以前声明的普通常量轻松共享。但我也怀疑将响应性放在这个声明中是否是一个好主意。

请看我的回答:谢谢@RyanCogswell:这实际上为我解决了问题!。。谷歌搜索了很多地方想找到一个解决方案,但没有找到任何东西。你能把这个作为一个答案发布,这样我就可以接受它吗?只需向上投票另一个,然后我会将它标记为一个副本,这样它就可以交叉引用它。我不能将它标记为一个不被接受的答案的副本,也没有任何向上投票。向上投票你的评论。。谢谢:在这里看到我的答案:谢谢@RyanCogswell:这实际上为我解决了问题!。。谷歌搜索了很多地方想找到一个解决方案,但没有找到任何东西。你能把这个作为一个答案发布,这样我就可以接受它吗?只需向上投票另一个,然后我会将它标记为一个副本,这样它就可以交叉引用它。我不能将它标记为一个不被接受的答案的副本,也没有任何向上投票。向上投票你的评论。。谢谢: