[英]how to in nested object get value from parent object in javascript?
我正在使用材质 ui 框架并使用createMuiTheme
创建主题,如何在嵌套的 object 中使用父 object 值。 (我知道我可以在函数上方定义全局变量);
为了更好地理解它,请阅读以下代码:
import {createMuiTheme} from "@material-ui/core";
import {grey, blueGrey, teal, red} from "@material-ui/core/colors";
export default createMuiTheme({
palette: {
common: {
mainColor: blueGrey[500],
headerColor: blueGrey[700],
white: grey[50],
black: grey[900],
},
primary: {
main: palette.common.mainColor, /* <= how to I can do this in Javascript */
},
secondary: {
main: grey[300]
},
text: {
primary: palette.common.white, /* <= or this */
secondary: grey[500]
},
}
})
谢谢。
你不能。 但是你可以这样做。
import {createMuiTheme} from "@material-ui/core";
import {grey, blueGrey, teal, red} from "@material-ui/core/colors";
const theme = {
palette: {
common: {
mainColor: blueGrey[500],
headerColor: blueGrey[700],
white: grey[50],
black: grey[900],
},
secondary: {
main: grey[300]
},
}
export default createMuiTheme({
...theme,
palette: {
...theme.pallete,
primary: {
main: theme.palette.common.mainColor, /* <= how to I can do this in Javascript */
},
text: {
primary: theme.palette.common.white, /* <= or this */
secondary: grey[500]
}
}
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.