小编Max*_*den的帖子

我正在尝试使用 Material UI 将版式更改应用于主题。但对象更改不起作用。然而，调色板正在工作。

我尝试对 H3 变体以及默认字体大小进行一些更改，但所有更改均不起作用。

然而，调色板上的颜色有效。

应用程序.js

import React from "react";
import "./App.css";
import Header from "./components/ui/Header";
import { ThemeProvider } from "@material-ui/styles";
import theme from "./components/ui/Theme";

function App() {
    return (
        <ThemeProvider theme={theme}>
            <Header />
        </ThemeProvider>
    );
}

export default App;

标头/index.jsx

import React from "react";
import AppBar from "@mui/material/AppBar";
import Toolbar from "@mui/material/Toolbar";
import useScrollTrigger from "@mui/material/useScrollTrigger";
import Typography from "@mui/material/Typography";

function ElevationScroll(props) {
    const { children, window } = props;
    const trigger = useScrollTrigger({
        disableHysteresis: …

我正在学习 Material UI，在课程中，讲师要求我仅设计一个组件的样式，而不是整个主题。

为此，它使用该makeStyles函数并传播theme.mixins.toolbar. 问题是当我这样做时，出现以下错误：

TypeError: Cannot read properties of undefined (reading 'toolbar')

本课程显然是版本 4，而我使用的是版本 5。尽管如此，我的代码似乎遵循了文档要求的更改。那么什么可能导致这个错误呢？

应用程序.js

import "./App.css";
import Header from "./components/ui/Header";
import { ThemeProvider } from "@material-ui/core/styles";
import theme from "./components/ui/Theme";

function App() {
    return (
        <ThemeProvider theme={theme}>
            <Header />
        </ThemeProvider>
    );
}

export default App;

主题.js

import { createTheme } from "@material-ui/core/styles";

const arcBlue = "#0B72B9";
const arcOrange = "#FFBA60";

export default createTheme({
    typography: {
        h3: {
            fontWeight: 100,
        },
    },
    palette: { …