Я использовал материальный пользовательский интерфейс довольно много, так что это сбивает с толку. Я просмотрел документы, я проверил свой код, я не вижу проблемы. Я хочу, чтобы мой тег H2 в вложенном компоненте использовал Arial. Тем не менее, это рендеринг с использованием времени. Я не уверен, почему. < /P>
Вот мой index.tsx: < /p>
import React from "react";
import ReactDOM from "react-dom";
import App from "./components/App";
import { Provider } from "react-redux";
import configureStore from "./redux/stores/main";
import * as serviceWorker from "./serviceWorker";
import { createMuiTheme } from "@material-ui/core";
import myTheme from "./styling/mainTheme";
import { ThemeProvider } from "@material-ui/styles";
const theme = createMuiTheme({
typography: {
fontFamily: ["Arial"].join(",")
}
});
ReactDOM.render(
,
document.getElementById("root")
);
serviceWorker.unregister();
< /code>
Компонент моего приложения: < /p>
import React from "react";
import { useSelector } from "react-redux";
import HeaderContainer from "../containers/layout/header/HeaderContainer";
import { ThemeProvider, useTheme } from "@material-ui/styles";
import theme from "../styling/mainTheme";
import { createMuiTheme } from "@material-ui/core";
const App: React.FC = () => {
const theme = useTheme();
return (
);
};
export default App;
< /code>
Контейнер заголовка (будет содержать логику): < /p>
import * as React from 'react';
import Header from '../../../components/layout/header/Header';
export interface HeaderContainerProps {
}
export default class HeaderContainer extends React.Component {
public render() {
return
}
}
< /code>
и, наконец, заголовок: < /p>
import * as React from "react";
import { styled } from "@material-ui/core/styles";
import AppBar from "@material-ui/core/AppBar";
export default function Header() {
return (
Hello
)
}
< /code>
Я попытался разместить Themeprovider в разные компоненты, но мой H2 все еще рендеринг как раз. Было бы здорово, если бы кто -то мог бы заметить проблему. Спасибо
Подробнее здесь: https://stackoverflow.com/questions/584 ... or-me-here
