Использование материалов-UI темы вместе с React-маршрутизатором - PullRequest
Новая
       14

Использование материалов-UI темы вместе с React-маршрутизатором

0 голосов
/ 19 сентября 2019

У меня есть это приложение, где я использую material-ui вместе с react-router и connected-react-router.Я пытаюсь просто переключиться на темную версию темы по умолчанию, но она не работает ... Я подозреваю, что ThemeProvider не передает реквизиты вниз по дереву из-за маршрутизатора, но я не уверен.Кто-нибудь может помочь?Спасибо! 

//... imports, etc.
const theme = createMuiTheme({
    palette: {
        type: 'dark',
    },
});

function App() {
    return (
        <div className="App">
            <Provider store={store}>
                <ThemeProvider theme={theme}>
                    <ConnectedRouter history={history}>
                        <Switch>
                            <Route path="/signin" component={SignIn} />
                            <Route path="/" component={Dashboard} />
                        </Switch>
                    </ConnectedRouter>
                </ThemeProvider>
            </Provider>
        </div>
    );
}


export default App;

1 Ответ

0 голосов
/ 21 сентября 2019

Я действительно нашел проблему, и это была глупая ошибка.Я на самом деле импортировал <ThemeProvider> из styled-components вместо material-ui.Когда я изменил импорт, он работал как положено.

...