Reactjs 材质UI:是否在theme.ts文件中引用CreateMuiteme的其他属性?
在filename.style.ts中导入类似这样的主题时: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
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:这实际上为我解决了问题!。。谷歌搜索了很多地方想找到一个解决方案,但没有找到任何东西。你能把这个作为一个答案发布,这样我就可以接受它吗?只需向上投票另一个,然后我会将它标记为一个副本,这样它就可以交叉引用它。我不能将它标记为一个不被接受的答案的副本,也没有任何向上投票。向上投票你的评论。。谢谢: